我在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>