Html 如何在引导中获得列之间的间距?

Html 如何在引导中获得列之间的间距?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,他是如何设法在两匹小马之间取得这种差距的 可能是我傻了,没看到,但我不明白他是怎么读代码的 编辑: 只是想知道他是怎么做到的 我第一次有这样的代码: <div class="col-md-3 thumb"> ... </div> ... 我把它改成这样: <div class="col-md-3"> <div class="thumb"> ... </div> </div> ...

他是如何设法在两匹小马之间取得这种差距的

可能是我傻了,没看到,但我不明白他是怎么读代码的

编辑:

只是想知道他是怎么做到的

我第一次有这样的代码:

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

...
我把它改成这样:

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

...

这似乎在两匹驴之间留了一个余量。然而,我仍然好奇,这是怎么发生的?有没有办法使边距变小(或变大)?

看起来填充是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;
}

引导类的左右两侧有15px的填充

请参见此处的图像:


另一方面,您可以在chrome上按Ctrl-Shift-I键来检查元素,以帮助您将来使用。您可以通过多种方法来解决此问题,我将给出一些示例

单独使用引导。

你可以用

col-md-offset-1
类,它将在div之间提供一些偏移空间。 例如:

使用自定义CSS

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

margin:0 x%

这是列填充。嘿,我用一些代码编辑了我的问题,我是如何得到相同的结果的。