所以我对文件的理解是
xs =像手机一样小
sm = ipads和其他平板电脑
md =较小的笔记本电脑
lg =大笔记本电脑和大型台式机
<div class="col-xs-12 col-md-4 col-lg-3">
<div class="thumbnail"></div>
......
</div>
我的期望是，在我的手机上，物品将采用全宽，两侧都有“排水沟”。
在平板电脑（sm）上，我希望它能选择之前的xs声明，所以它应该占据整个12列。因为我没有指定任何“sm”
在笔记本电脑上（md）我期待三件物品。
在较大的（lg）屏幕上我每行四个项目。
我用来测试响应能力的方法只是调整我的浏览器。缩小窗口时会发生的事情是，当我的项目最小（xs和sm）时，我的项目最终成为每行一项，但它溢出我无法看到整个项目。
我做错了什么，我是否误解了网格系统背后的理论？
答案 0 :(得分：0)
我认为有一个小错误。
xs和sm的全宽----＆gt;＆gt; col-xs-12应该足够了
由于md每行需要4个项目，因此您应该编写col-md-3而不是col-md-4（数字3表示每行12列中占用的列数。所以col-md-3占据3列---＆gt;＆gt;＆gt; 12/3 =每行4个项目）
同样，lg每行3个项目----＆gt; COL-LG-4
我认为应该在更大的屏幕上解决。
另外，我很抱歉，我没有完全理解你对溢出的看法。如果你能告诉我你的代码或你想要实现的图片，我可以说些什么。