首页 > bootstrap样式问题

bootstrap样式问题

我在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>

你要知道所谓的smsd是所谓的什么

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>
【热门文章】
【热门文章】