我是响应式编码的新手。以下两个网格各自使用相同的bootstrap.min.css文件，但在最小化屏幕时执行的方式不同。我想让第二个像第一个一样表现。因此，在最小化时，元素应该很好地相互包裹，元素宽度应该增加到100％。
在第二个中，@media (min-width: 992px)似乎被某种方式覆盖了。当屏幕低于992像素时，float:left和宽度百分比样式保持不变，就像屏幕超过992px一样。但我不知道如何找到完全覆盖的地方。
有什么建议吗？或者更好，我将来如何诊断自己。 Firebug甚至没有显示@media查询，Firefox和chrome都只引用bootstrap.min.css，尽管我认为它必须在另一个文件中被写入。
http://htmlstream.com/preview/unify/feature_grid.html
http://198.74.61.72/themes/preview/ace/grid.html
答案 0 :(得分：0)
我看了一下CSS，但据我所知，col-xs列并未包含在相同的媒体查询中。列表是。您的顶级示例包含-md类。我认为这个网格的工作原理是每列组合几个类，以便根据分辨率显示它们。
它会让人感到困惑，但看起来如果你每列合并一些类，它应该可以解决。
这有意义吗？