如何在没有水平滚动条的情况下使bootstrap 3流畅布局

Question

这是示例链接：http : //bootply.com/76369这是我使用的html。<div class="row">  <div class="col-md-6">.col-md-6</div>  <div class="col-md-6">.col-md-6</div></div>引导程序3没有容器流体和行流体。我不能用.container类包装它，因为它将变成固定的布局。如何使其流畅（全页宽度）布局？（不带水平滚动条）这些标记。当您在结果中查看时，x滚动条可见，因此您可以向左和向右滚动，而不应该滚动。编辑时间：2015年12月9日自3.1.0版以来，已经得到了答案，并且Bootstrap已经发布了修复程序

Answer 1

我也有它，在等待他们修复它时，我添加了这个可耻的CSS：

body { overflow-x: hidden;}

这是一个可怕的选择，但确实有效。当他们解决此问题后，我很乐意将其删除。

正如该问题所指出的，另一种替代方法是重写.row：

.row {

  margin-left: 0px;

  margin-right: 0px;

}

Answer 2

在Bootstrap 3中，.row必须在.container或内部使用，.container-fluid以抵消行上的负边距。这将消除水平滚动条。

从文档...

“必须将行放置在.container（固定宽度）或.container-fluid（全角）内，以正确对齐和填充。”

引导程序4

该container> row> col关系工作方式一样3.X ...

“容器是Bootstrap中最基本的布局元素，在使用我们的默认网格系统时是必需的”