以下是示例链接: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>
bootstrap 3没有容器流体和行流体。
我不能用.container类包装它,因为它会变成固定的布局。
how to make it fluid (full page width) layout? (没有水平滚动条的)
有了这些标记。当您在结果中查看时,x- scroll 栏是可见的,因此您可以滚动到不应该向左和向右滚动。
编辑: 2015-12-09
已经得到了答案,Bootstrap已经发布了从3.1.0开始的修复
发布于 2014-02-13 17:26:32
这是在v3.1.0:http://getbootstrap.com/css/#grid-example-fluid中引入的
Commit #62736046添加了“.container-全宽容器和布局的流体变体”。
发布于 2013-08-27 17:31:43
我也有它,在等待他们修复它的时候,我添加了这个令人羞愧的css:
body { overflow-x: hidden;}
这是一个可怕的选择,但它是有效的。等他们解决了这个问题,我很乐意把它移除。
正如issue中指出的那样,另一种替代方法是覆盖.row
:
.row {
margin-left: 0px;
margin-right: 0px;
}
发布于 2013-08-29 11:14:33
如果我没理解错的话,在任何媒体查询后添加此选项将覆盖默认网格的宽度限制。在bootstrap 3上,我需要一个100%宽度的布局
.container {
max-width: 100%;
/* This will remove the outer padding, and push content edge to edge */
padding-right: 0;
padding-left: 0;
}
然后,您可以将行元素和网格元素放入容器中。
https://stackoverflow.com/questions/18392477
复制相似问题