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

bootstrap类的右侧和左侧有15px的填充。

请参见此处的图片：Bootstrap padding。

在旁边的注释中，您可以通过在Chrome上按Ctrl-Shift-I来检查元素。

Answer 2

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

请参阅下面粘贴的课程。填充左：15px和填充右：15px;是什么呢。

.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

你可以用很多方式解决它，我将展示一些例子。

单独使用Bootstrap。

您可以使用

col-md-offset-1

使用div的类，它将在div之间给出一些偏移空间。例如：http://getbootstrap.com/css/#grid-offsetting

使用自定义CSS

为div调用自定义类给css属性

margin:0 x%

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

3 个答案: