如何在引导中获得列之间的边距？

Question

他是如何在两校之间获得这么大的差距的？

http://www.prepbootstrap.com/bootstrap-template/articles-layout

可能是我傻到没看到，但我搞不懂他是怎么读代码的。

编辑：

只是想出他是怎么做到的。

我最初有这样的代码：

<div class="col-md-3 thumb">
   ...
</div>

我把它改成了这个

<div class="col-md-3">
   <div class="thumb">
      ...
   </div>
</div>

这似乎在两校之间占了一小部分。不过，我还是很好奇，这是怎么回事？是否有办法使利润率更小(或更大)？

Answer 1

引导类的左右两部分都有15 of的填充。

见此处图片：自举填充。

另外，为了在未来帮助你，你可以通过在铬上按Ctrl i来检查元素。

Answer 2

看起来，填充是Bootstrap列类的一部分。您有一些没有应用我可以查看的填充的示例代码吗？

请看我贴在下面的那堂课。填充-左:15 it和填充-右:15 it；是做什么的。

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

Answer 3

你可以解决我的许多方法，我会给出一些例子。

单独使用引导带的.

您可以使用

col-md-offset-1

类，它将在div之间提供一些偏移空间。示例：http://getbootstrap.com/css/#grid-offsetting

使用自定义CSS

为div提供css属性调用自定义类

margin:0 x%