网格系统bootstrap在移动设备和其他较小设备上没有响应

Question

我遇到了一个问题，在我的桌面上一切都很好，但是在移动设备或任何较小的设备上，它没有完全响应。

Answer 1

您添加附加类山坳的div。

<div class="col-lg-3 col-md-12 item6">...</div> 

类ITEM6具有分配的宽度，以像素（185px），更不用说边距。如果他们都是这样，我认为他们是这样，那将打破响应。设置的像素宽度覆盖了响应性（通过百分比进行相应设置）。

对于要尝试的事情，首先将项目类从列divs中移出，然后在具有项目类的项目类中创建一个div。然后，通过CSS媒体查询，您将不得不相应地调整这些宽度/样式。此外，你可以看看尝试使用Bootstrap的类来看看是否有助于你的事业。