我有一个很好的带有column-md-*类的12列网格。然后我决定让页面看起来更好sm，所以我在我的div中添加了一些column-sm-*类。
之后，整件事在md和lg分辨率中表现得很奇怪。
以下是代码：http://bootply.com/105536
有两行，一个是＆＃34;在添加sm类后＃34;第二个是＆＃34;在＆＃34;之前，它在中等和大的时候看起来都不错。
为什么sm类破坏了md网格？
答案 0 :(得分：1)
网格类适用于屏幕宽度大于或等于断点大小的设备，并覆盖针对较小设备的网格类。因此，将任何.col-md-类应用于元素不仅会影响其在中型设备上的样式，而且如果不存在.col-lg-类，也会影响大型设备。 http://getbootstrap.com/css/#grid
因此您需要覆盖col-sm-offset-1，例如
<div class="col-md-3 col-sm-6 col-sm-offset-1 col-md-offset-0">