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

发布时间：2020-12-18 00:20:31 所属栏目：安全来源：网络整理

导读：我在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添加了一个类,所以每个都可以有一

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!