【问题标题】:No gutter spacing in Bootstrap 3Bootstrap 3中没有装订线间距
【发布时间】:2019-03-14 20:48:02
【问题描述】:

我在文档中添加了一些基本代码,但每个部分之间没有任何间距,就像在 960 网格布局上那样

如果我在这里可能遗漏了什么?

HTML:

<div class="row">

    <div class="col-md-4 block">
        hello this is a test block
    </div>

    <div class="col-md-4 block">
        hello this is a test block
    </div>

    <div class="col-md-4 block">
        hello this is a test block
    </div>
</div>

</div>

CSS:

.block{
    background-color:#6CC;
}

【问题讨论】:

标签: html css twitter-bootstrap twitter-bootstrap-3


【解决方案1】:

在 Bootstrap 3 中,排水沟是使用填充(而不是边距)创建的,因此您的 block 需要位于 col-*

演示:http://bootply.com/109679


引导程序 4:How to remove gutter space for a specific div only - bootstrap

【讨论】: