如何在没有水平滚动条的情况下制作 bootstrap 3 流体布局 [英] How to make bootstrap 3 fluid layout without horizontal scrollbar

问题描述

这里是示例链接:http://bootply.com/76369

这是我使用的 html.

<div class="col-md-6">.col-md-6</div><div class="col-md-6">.col-md-6</div>

bootstrap 3 没有容器流体和行流体.

我不能用 .container 类包装它，因为它会变成固定布局.

如何使其流畅(整页宽度)布局?(没有水平滚动条)

带有这些标记.当您在结果中查看时，x-scroll 栏是可见的，因此您可以向左和向右滚动，但不应该这样做.

<小时>

2015-12-09
已经得到答案，Bootstrap 自 3.1.0 以来已经发布了修复

解决方案

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

提交 #62736046 为全宽容器和布局添加了.container-fluid 变体".>

here is sample link: http://bootply.com/76369

this is html i use.

<div class="row">
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
</div>

bootstrap 3 has no container-fluid and row-fluid.

i cannot wrap it with .container class because it will become fixed layout.

how to make it fluid (full page width) layout? (without horizontal scrollbar)

with these markup. when you view in the result the x-scroll bar is visible so you can scroll to left and right that it should not.

---

edited: 2015-12-09
Already got answer and Bootstrap already released the fix since 3.1.0

解决方案

This was introduced in v3.1.0: http://getbootstrap.com/css/#grid-example-fluid

Commit #62736046 added ".container-fluid variation for full-width containers and layouts".

这篇关于如何在没有水平滚动条的情况下制作 bootstrap 3 流体布局的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！