如何在没有水平滚动条的情况下制作引导程序3流体布局

2018-07-01 16:14:49

这里是示例链接：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-scroll栏是可见的，所以你可以滚动到它不应该的左右。

编辑：2015-12-09
已经得到答案，Bootstrap已经从3.1.0发布了修复程序

这是在v3.1.0中引入的：http://getbootstrap.com/css/#grid-example-fluid

提交＃62736046增加了“全容器和布局的容器流体变体”。

我也有它，并在等待他们解决它，我添加了这个耻辱的CSS：

body { overflow-x: hidden;}

这是一个可怕的选择，但它的工作。当他们解决问题时，我很乐意将其删除。

正如问题中指出的另一种选择是覆盖.row ：

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

这是BS 3中的一个已知问题 - https://github.com/twbs/bootstrap/issues/9862?source=cc

我已经使用最新版本在Bootply上进行了测试，因此请继续关注GitHub以获取最新更新/修复。

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

从文档...

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

Bootstrap 4

container > row > col关系的工作方式与3.x相同

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

链接地址: http://www.djcxy.com/p/88323.html