Bootstrap 3中没有天沟间距

时间:2014-01-30 20:39:14

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

我在文档中添加了一些基本代码,但每个部分之间没有任何沟槽间距,就像在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;
}

1 个答案:

答案 0 :(得分:2)

在Bootstrap 3中,使用填充(而不是边距)创建装订线,因此block需要位于col-*

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


Bootstrap 4:How to remove gutter space for a specific div only - bootstrap