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

小编典典

html

这是我使用的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已经发布了此修复程序

阅读 283

2020-05-10

小编典典

这是在v3.1.0中引入的：

提交＃62736046添加了“用于全宽容器和布局的.container-fluid变化”。

2020-05-10

小编典典

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

body { overflow-x: hidden;}

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

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

.row {
  margin-left: 0px;
  margin-right: 0px;
}

2020-05-18

共2个答案