twitter-bootstrap – Bootstrap Grid列之间的边界不起作用

前端之家收集整理的这篇文章主要介绍了twitter-bootstrap – Bootstrap Grid列之间的边界不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在bootstrap中创建了一个页面,我在一行中使用了4个cols.代码
<div class="row text-center">
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
    <div class="col-md-3"> </div>
</div>

我为每个col添加了一个类,所以每个都可以有一个边框.

.cliente {
    margin-top:10px;
    border: #cdcdcd medium solid;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

问题是边界应该由自举网格的天然沟槽分开,这是不起作用的.

请问你能帮帮我吗?谢谢.

解决方法

您需要在列内使用另一个块元素(即; DIV),因为Bootstrap’col- *’使用填充来创建网格列之间的间距或“装订线”.
<div class="row text-center">
      <div class="col-md-3"> 
        <div class="cliente"> 
          ..
        </div>
      </div>
 </div>

演示:http://www.bootply.com/71ZVOWCFWu

猜你在找的Bootstrap相关文章