如何在没有水平滚动条的情况下使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 {&nbsp; margin-left: 0px;&nbsp; margin-right: 0px;}

Answer 2

在Bootstrap 3中，.row必须在.container或内部使用，.container-fluid以抵消行上的负边距。这将消除水平滚动条。从文档...“必须将行放置在.container（固定宽度）或.container-fluid（全角）内，以正确对齐和填充。”引导程序4该container> row> col关系工作方式一样3.X ...“容器是Bootstrap中最基本的布局元素，在使用我们的默认网格系统时是必需的”