剩下相同边距的Bootstrap列

时间:2014-02-11 12:00:34

标签: html css css3 twitter-bootstrap responsive-design

我第一次尝试Bootstrap。我需要一个类似下图的图案。

但是当我尝试下面的代码时,表现得很奇怪。我需要特定的保证金,比如说所有div上的20 px。 (如图所示)

enter image description here

我的代码

<div class="row">

            <div class="col-md-8 white topm " style="height: 400px;"></div>

            <div class="col-md-4 topm " style="height: 400px;">
                <div class="col-md-11 col-md-offset-1 white" style="height: 400px;">d</div>
            </div>

        </div>

        <div class="clearfix"></div>

        <div class="row">

            <div class="col-md-5 white topm " style="height: 400px;"></div>

            <div class="col-md-7 topm " style="height: 350px;">
                <div class="col-md-11 col-md-offset-1 white" style="height: 350px;">d</div>
            </div>

        </div>

1 个答案:

答案 0 :(得分:0)

之后:

<div class = "row">

使用:<div class="container">

它应该解决你的问题。