Bootstrap响应网格问题

Question

我已经设置了一个引导网格like so：

<div class="row">

 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
  <!-- content -->
 </div>

 <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
  <!-- content -->
 </div>

 <!-- More cols -->
</div>

每个网格行上显示的cols数量应取决于屏幕大小，因此我发现很难指定更多div class =“row”或do div clearfix来插入中断。这就是为什么所有col都在同一个div class =“row”中。

在移动视图（宽度<500）和桌面/平板电脑横向（宽度> 1024）中一切正常，但在这些宽度之间，行+单元格内容超出了屏幕水平滚动，因此图像不会中心对齐。

如果您将宽度调整到700-750左右，则可以see it live here。我一直试图调试为什么会这样，但我无法弄清楚我做错了什么。有人在乎帮忙吗？

Answer 1

您定义最小宽度 “＃header-wrap，＃banner-wrap，＃nav-wrap，＃main-wrap，＃footer-wrap，＃total-wrapper”

{background: #fff none repeat scroll 0 0;
min-width: 960px;
width: 100%;}

删除此最小宽度。

第二件事你为add.css第6行增加了自定义CSS的宽度 这个宽度删除或​​添加max-width＆amp;尝试。

.container {
margin: 0 auto;
width: 960px;}

Answer 2

如果您正在谈论700-750px，那么只需从.container类中删除max-width，并从此#header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap, #total-wrapper中删除max-width。

我已经编辑了我的答案但请与lalji的答案一起使用..