小编McD*_*ck4的帖子

通过设置高度来构建网格

我试图从这个Bootstrap 3模板中创建一个灵感的网格系统:

链接到模板

我可以在代码中看到,通过设置高度来控制4个大网格元素.我可以制作前2个网格项,但我现在迷失了如何制作2个小列.

2列

这是我到目前为止所做的代码:

[链接到我的演示模型] [3]

<style>
    .bg-img {
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat; 
    }

    .item1 {
        height:600px;
    }

    .item2 {
        height:300px;
    }

    .item3 {
        height: 300px;
    }
</style>

<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 bg-img item1" style="background-image:url(https://placehold.it/600x600;)"></div>
            <div class="col-sm-6 bg-img item2" style="background-image:url(https://placehold.it/300x600;)"></div>
        </div>
    </div>
</section>
Run Code Online (Sandbox Code Playgroud)

有谁能够帮我?

最好的祝福.

html css twitter-bootstrap

5
推荐指数
1
解决办法
63
查看次数

JQuery没有处理提交按钮

我正在尝试学习一些JQuery.我正在使用外部js来编写我的代码.当我调用2段函数时它工作正常,但是当我调用提交按钮时它只是再次加载页面.我的代码看起来像这样:

<html>
<body>

    <p id="paragraf">This is an internal paragraf</p>


    Another Example:
    <p id="paragraftest">This is the external js script</p>

    <form>
        <input type="text" name="Submit_test">
        <button id="buttontest">Submit</button> 
    </form>
    <script type="text/javascript" src="jqueryScript/jquery.js"></script>
    <script type="text/javascript" src="jqueryScript/hide.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

使用Javascript:

$('#paragraf').click(function() {
    $('#paragraf').hide();
});

$('#paragraftest').click(function() {
    $('#paragraftest').hide();
});

$('buttontest').submit(function() {
    alert("test");
});
Run Code Online (Sandbox Code Playgroud)

/*我在按钮测试和测试中试过了""和"",但仍然是相同的*/我也试过这个,但它仍然是相同的.

<form>
        <input type="text" name="buttontest">
        <input type="submit" value="">
    </form>
Run Code Online (Sandbox Code Playgroud)

谁能明白为什么没有发生?最诚挚的问候Mads

javascript jquery

2
推荐指数
1
解决办法
572
查看次数

将文本与字体真棒图标对齐

我试图垂直对齐我的FontAwesome图标旁边的文本.我可以用padding-left手动完成,但这似乎不对.

有更简单的方法吗?

演示

<div class="row">
<div id="tb-testimonial" class="testimonial testimonial-default">
    <div class="testimonial-section">
        <div class="col-xs-12 col-sm-6">
            <ul>
                <i class="fas fa-snowflake"></i> A/C service<br/>
                <i class="fa fa-angle-right"></i> Aut-gear service<br/>
                <i class="fas fa-car-side"></i> Bil-leasing<br/>
                <i class="fas fa-car"></i> Bil-salg<br/>
                <i class="fas fa-oil-can"></i> Bilsyn<br/>
                <i class="fa fa-angle-right"></i> BMW Keyreader<br/>
                <i class="fa fa-angle-right"></i> BMW-testudstyr (ISTA)<br/>
                <i class="fas fa-book"></i> Digital servicebog<br/>
                <i class="fas fa-hotel"></i> Dækhotel<br/>
            </ul>
        </div>
        <div class="col-xs-12 col-sm-6">
            <ul>
                <i class="fa fa-angle-right"></i> Elektronisk diagnose & fejlfinding<br/>
                <i class="fa fa-angle-right"></i> Klassiske biler<br/>
                <i class="fas fa-mug-hot"></i> Kundelounge<br/>
                <i class="fa fa-angle-right"></i> …
Run Code Online (Sandbox Code Playgroud)

html css font-awesome

1
推荐指数
1
解决办法
145
查看次数

用CSS制作透明圆圈

我正在玩这个倒计时:

我想要一些带有白色边框的全天候圆圈。我尝试在这里做一些事情,但我不知道如何使背景透明,这样你就可以看到时钟的天,小时,圈,秒?

其实我想要的是这样的,但是要设置围绕圆圈的边框计数,我还做得不够好。但它的设计:

css

0
推荐指数
1
解决办法
9021
查看次数

在jQuery中隐藏和取消隐藏按钮

我这里有一个小脚本.当您按下按钮时,文本会隐藏.如果我想将文本更改为文本"unhide"消失时,我该怎么办呢?

我的意思是按钮上的文字变为"unhide".

<div>
   <p>Should I hide this message?</p>
   <button>Click for hide</button>
</div>

<script>
  $(document).ready(function(){
    $('button').click(function() {
      $('p').slideToggle();
    });
  });
</script>
Run Code Online (Sandbox Code Playgroud)

jquery hide

-3
推荐指数
1
解决办法
881
查看次数

标签 统计

css ×3

html ×2

jquery ×2

font-awesome ×1

hide ×1

javascript ×1

twitter-bootstrap ×1