自举电网系统没有响应，如预期

问题描述：

XS =小的，如手机

SM = iPad和其他平板电脑

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）溢出时，我的项目最终会变成每行一个项目，我看不到整个项目。

我做错了什么，我误解了网格系统背后的理论吗？

继承的顺序是LG> MD> SM> XS，您希望XS在相反方向上升到SM。 –

阅读本文http://getbootstrap.com/css/#grid – j08691

任何图片显示你想要什么，你实际上实现了什么？ –

答

我觉得有一个小小的错误。

对于全宽为XS和SM既然你要4个项目每行的MD，你应该写COL-MD-3而不是同事的---- >> COL-XS-12应该足够

md-4（数字3表示它占据了每列12列的列数，所以col-md-3占3列--- >> 12/3 =每行4列）

同样对于3 lg上的每行项目----> col-lg-4

我认为应该在更大的屏幕上解决。

也很抱歉，我没有完全理解你说的溢出。如果你可以告诉我你的代码或者你想要实现什么的图片，我可以告诉一些事情。