使引导柱流体化，(自动可调)现在它们在小屏幕上堆叠

Question

我没有名誉，请检查链接，但删除空格

问题1

我是新的响应和引导，在980 am的固定宽度。我为6个图标创建了6列，在桌面视图中，它们看起来像这样，http://imgur.com/yZ3ZKMi，但是在移动视图中，它们正在堆叠，我的老板希望它应该根据视图进行更改，比如在平板模式下，每一行显示3个图标，在移动视图中，每个视图显示2个图标。我怎样才能做到这一点？http://goo.gl/XkNc39

问题2

我的布局是在固定宽度为980 on，但在小范围内，它走出了区域。我对传媒的质疑并不十分清楚。我不明白我做错了什么。

• 桌面视图：http://imgur.com/rgtRGVy
• 移动视图：http://imgur.com/8g62MLx (走出区域)

提前谢谢

Answer 1

问题1

引导网格(像大多数网格系统一样)总是计数到12，这意味着您应该计算需要使用的列有多大。例如:如果您希望彼此旁边有4个项，则可以执行12 /4= 3，所以使用col-.-3。

应该用于图标的类是

<div class="col-md-3 col-sm-4 col-xs-6">

这些类解释说:在中型设备(col-md-3)上，项的宽度为3列，因此每行4项。在小型设备(Col 4)上，项的宽度为4列，因此每行3项。在额外的小型设备(col-xs-6)上，项的宽度为6列，因此每行有2项。

我编辑了你的CodePen，现在它已经开始工作了。http://codepen.io/anon/pen/avoqeg

问题2

这可能与保证金/垫子有关。您可以尝试查看开发人员控制台(右击>检查元素)。或者你可以在另一个CodePen中重现这个问题，这样我就可以看一看了。