bootstrap样式问题

Question

我在row下的第2个div下加了个偏移，为什么在md下会起效果的？？？
我想它在sm下偏移2，让它在sm下中间能空2格

<div class="container-fluid">
    <div class="row">
       <div class="col-sm-5 col-md-6">小屏幕5格 中屏幕6格</div>
       <div class="col-sm-5  col-sm-offset-2 col-md-6">小屏幕5格 中屏幕6格</div>
    </div>
</div>

Answer 1

你要知道所谓的sm和sd是所谓的什么

sm = small media（小屏幕） @media(min-width:768px)
md = medium device (中等屏幕) @media(min-width:970px)

就像你所说的，媒体宽度大于970px时，一定同样大于768px，所以sm的样式适用

所以如果你想要它在仅仅在sm下偏移2格的话
你可以选择这种方法：

<div class="col-sm-5  col-sm-offset-2 col-md-offset-0 col-md-6">小屏幕5格 中屏幕6格</div>