Html 引导响应网格问题

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

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

在移动视图（宽度<500）和桌面/平板电脑环境（宽度>1024）中，这一切都可以正常工作，但在这两种宽度之间，行+单元格内容超出屏幕水平滚动，因此图像不会居中对齐

如果将宽度调整为700-750左右，则可以进行调整。我一直在尝试调试为什么会发生这种情况，但我不知道我做错了什么。有人愿意帮忙吗？

您可以在中定义最小宽度 “#页眉换行、#横幅换行、#导航换行、#主换行、#页脚换行、#总换行”

删除此最小宽度。

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

第二件事是为add.CSS第6行添加自定义CSS的宽度 此宽度删除或添加最大宽度并重试。

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

---

如果您谈论的是700-750px，那么只需从.container类中删除max width，也可以从这个

中删除max width、#header wrap、#banner wrap、#nav wrap、#main wrap、#footer wrap、#total wrapper

---

我已编辑了我的答案，但请使用lalji的答案。

您的容器宽度为960px。。。可能正因为如此，你才有了问题。谢谢，这就成功了。我是如此专注于引导网格，我不认为它可能是其他东西，有时你只是瞎了。非常感谢，救了我一天！

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