一尘不染

如何在没有水平滚动条的情况下使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已经发布了此修复程序


阅读 235

收藏
2020-05-10

共2个答案

一尘不染

这是在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