缩小移动设备上的网页会导致行偏移

Question

我在网页上使用Bootstrap，并且在缩小到移动设备的行时出现问题。

预期效果是对于每行缩放为4个相等部分的行，在移动设备上每行分为2个相等的分区。除了当设备低于一定宽度（大约335像素）时，这种方法效果很好。低于该阈值时，行会在某些区域中混乱，其中分区不再水平对齐。

这是a link to the page所以你可以看到我的意思。

• 请注意，问题仅在于屏幕尺寸非常小，因此您必须将浏览器窗口缩小到＆lt; 335px宽。

究竟是什么导致了这个？你怎么认为它可以修复？

• 对于HTML＆amp; CSS请点击www.texasca.com/team.html
链接

标记和CSS似乎很复杂/很长时间才真正提出问题，但如果你想要我，请告诉我，我会这样做。

以下是问题的图片：

谢谢你们！

Answer 1

这看起来像是一个浮动清算问题。尝试添加Bootstraps＆＃34; clearfix＆＃34;上课你的div。您可以在此处http://getbootstrap.com/css/#grid-responsive-resets获取有关此问题的更多信息。