Bootstrap 3 – 为什么行类比容器宽？
我刚开始使用bootstrap 3我很难理解row class是如何工作的。 有没有办法避免填充左和填充权？
<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的填充来创build这个装订线。
问题是第一栏的左边不应该有一半的水沟，最后一栏的右边不应该有一半的水沟。 而不是像某些网格系统那样在这些列上使用某种.last或.last类，而是将.row类设置为具有匹配列填充的负边距。 这“拉”了第一列和最后一列的排水沟，同时使其更宽。
.row div不应该被用来保存网格列以外的东西。 如果是这样，你会看到内容相对于任何列移动，这是显而易见的小提琴。
更新：
我在回答之后修改了您的问题，因此以下是您现在问的问题的答案：将.container类添加到第一个<div> 。 看到工作的例子 。
看到我的回复下面类似的职位。
bootstrap .row为什么有一个默认的margin-left–30px？
你基本上使用“清除”而不是“行”。 它与“排”完全相同，不包括负边距。
使用bootstrap 3.3.7，解决了.row和.container-fluid封装的问题。
我使用容器类中的行类，仍然有一些问题。 当我添加了margin-left: auto; margin-right: auto; margin-left: auto; margin-right: auto; 到.row类，它工作正常。
对于任何未来的开发者debugging这个问题
Bootstrap为行列设置填充，因此行的任何内容都不应出现在容器外。 如果遇到这种情况，并且正在使用col -…类正确使用引导程序的网格系统，则可能是因为您在其他位置重置了填充的列。
