具有等边距的引导列答案

【问题标题】：Bootstrap columns with equal margin left具有等边距的引导列
【发布时间】：2014-07-29 06:33:26
【问题描述】：

我是第一次尝试 Bootstrap。我需要一个类似于下图的模式。

但是当我尝试下面的代码时，显示很奇怪。我需要在所有 div 上留出特定的边距，例如 20 像素。（如图）

我的代码

<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>

【问题讨论】：

使用 jsfiddle 让你的代码理解并写出清晰的问题。
@ramesh Bootstrap 在您使用网格类时已经放置了边距，为什么要明确指定它？
在我正在使用的 bootstrap-3 中，显示填充而不是边距
由于 BS 使用填充来创建间距，因此请在 col-* bootply.com/112674 中使用容器
试过了，但那个时候左边的 div 不适合最左边的边缘。填充那里

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

之后：

<div class = "row">

使用：<div class="container">

它应该可以解决您的问题。

【讨论】：