我没有声誉，请检查链接但删除空格
我是新手的响应式和Bootstrap，固定宽度为980px。我为6个图标创建了6列，在桌面视图中它们看起来像http://imgur.com/yZ3ZKMi，但在移动视图中它们正在堆叠，我的老板希望它应该根据视图进行更改，就像在平板电脑模式下它应该显示3个图标每行，在移动视图中每个视图2个图标。我怎样才能做到这一点？ http://goo.gl/XkNc39
我的布局是固定宽度为980像素，但在小视图上它的区域越来越远。我不太了解媒体查询。我无法理解我做错了什么。
先谢谢
答案 0 :(得分：2)
问题1
Bootstrap网格（与大多数网格系统一样）始终计为12.这意味着您应该计算需要使用的列的大小。例如：如果您想要彼此相邻的4个项目，则需要12/4 = 3，因此您使用col -..- 3。
您应该用于图标的课程是
switchClass课程解释：在中型设备（col-md-3）上，项目的宽度为3列，因此每行4个项目。在小型设备（col-sm-4）上，项目的宽度为4列，因此每行3个项目。在超小型设备（col-xs-6）上，项目的宽度为6列，因此每行2个项目。
我已经编辑了您的CodePen并且它现在正在工作。 http://codepen.io/anon/pen/avoqeg
问题2
它可能与边距/填充有关。您可以尝试在开发人员控制台中查看（右键单击＆gt; inspect元素）。或者您可以在另一个CodePen中重现该问题，以便我可以看看。