引导响应网格问题
我已经设置了一个引导网格，如下所示：
<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>
每个网格行上显示的列数应该取决于屏幕大小，因此我很难指定更多的div class =“row”或执行div clearfix来插入中断。 这就是为什么所有的cols都在同一个div class =“row”中的原因。
它在移动视图（宽度<500）和桌面/平板电脑景观（宽度> 1024）内都可以正常工作，但在这些宽度之间，行+单元格内容会超出屏幕水平滚动，因此图像不会居中对齐。
如果将宽度调整为700-750左右，您可以在这里看到它。 我一直试图调试为什么会发生这种情况，但我无法弄清楚我做错了什么。 任何人都在意帮忙吗？
您在“＃标头包装，＃banner-wrap，＃nav-wrap，＃main-wrap，＃footer-wrap，＃total-wrapper”中定义最小宽度
{background: #fff none repeat scroll 0 0;
min-width: 960px;
width: 100%;}
删除这个最小宽度。
第二件事你添加宽度你的自定义CSS为add.css第六行这个宽度删除或添加最大宽度和尝试。
.container {
margin: 0 auto;
width: 960px;}
如果您正在讨论700-750px，那么只需从.container类中删除最大宽度，并从此#header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap, #total-wrapper删除最大宽度#header-wrap, #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap, #total-wrapper 。
我已经编辑了我的答案，但请与lalji的答案一起去。
链接地址: http://www.djcxy.com/p/88341.html