twitter-bootstrap – Bootstrap 3 – 为什么行类比它的容器更宽

发布时间：2020-12-17 23:40:51 所属栏目：安全来源：网络整理

导读：我刚开始使用bootstrap 3我很难找到了解行类如何工作。有没有办法避免padding-left和padding-right？ div class="row" style="background:#000000" div class="col-xs-4 .col-xs-offset-1" col/divdiv class="col-xs-2" col/divdiv class="col-xs-2" col/d

我刚开始使用bootstrap 3我很难找到
了解行类如何工作。
有没有办法避免padding-left和padding-right？

<div class="row" style="background:#000000">           
<div class="col-xs-4 .col-xs-offset-1">
  col
</div>
<div class="col-xs-2">
  col
</div>
<div class="col-xs-2">
  col
</div>
<div class="col-xs-2">
  col
</div>
</div>

http://jsfiddle.net/petran/rdRpx/

解决方法

在所有网格系统中，每列之间有沟槽。 Bootstrap的系统在每列的左右两侧设置一个15px的填充，以创建这个装订线。

问题是，第一列在左边不应该有半个沟槽，最后一个不应该在右边有半个沟槽。而不是像某些网格系统那样在这些列上使用某种类型的.first或.last类，而是将.row类设置为具有与列的填充匹配的负边距。这“拉”了槽的第一和最后一列，而同时使它更宽。

.row div不应该真正用于保存除网格列之外的任何东西。如果是，你会看到内容相对于任何列移动，这在你的小提琴显而易见。

更新：

您在我回答后修改了您的问题，因此这里是您现在问的问题的答案：将.container类添加到第一个< div&gt ;.见working example。

（编辑：李大同）

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