首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在没有水平滚动条的情况下使bootstrap 3流畅布局

如何在没有水平滚动条的情况下使bootstrap 3流畅布局
EN

Stack Overflow用户
提问于 2013-08-23 07:41:37
回答 20查看 132.2K关注 0票数 68

以下是示例链接:http://bootply.com/76369

这是我使用的html。

代码语言:javascript
复制
<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开始的修复

EN

回答 20

Stack Overflow用户

回答已采纳

发布于 2014-02-13 17:26:32

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

Commit #62736046添加了“.container-全宽容器和布局的流体变体”。

票数 14
EN

Stack Overflow用户

发布于 2013-08-27 17:31:43

我也有它,在等待他们修复它的时候,我添加了这个令人羞愧的css:

body { overflow-x: hidden;}

这是一个可怕的选择,但它是有效的。等他们解决了这个问题,我很乐意把它移除。

正如issue中指出的那样,另一种替代方法是覆盖.row

代码语言:javascript
复制
.row {
  margin-left: 0px;
  margin-right: 0px;
}
票数 57
EN

Stack Overflow用户

发布于 2013-08-29 11:14:33

如果我没理解错的话,在任何媒体查询后添加此选项将覆盖默认网格的宽度限制。在bootstrap 3上,我需要一个100%宽度的布局

代码语言:javascript
复制
.container {
   max-width: 100%;
   /* This will remove the outer padding, and push content edge to edge */
   padding-right: 0;
   padding-left: 0;
 }

然后,您可以将行元素和网格元素放入容器中。

票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18392477

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档