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%
这是列填充。嘿,我用一些代码编辑了我的问题,我是如何得到相同的结果的。