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

问题描述

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

 < div class =row> 
< div class =col-md-6> .col-md-6< / div> 
< div class =col-md-6> .col-md-6< / div> 
< / 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".

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