Bootstrap 3 col-sm-offset-x影响col-md-x结构

时间:2014-05-24 12:21:51

标签: class twitter-bootstrap grid offset

我有这段代码<div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">并且bootstrap正在向col-md-12进行偏移,我正在检查代码,我不知道为什么会发生这种情况,我认为这不是发生在之前,但我已经在代码中返回了很多步骤,可能它正在工作,什么都没有。

如果我删除偏移量,它就像假设的那样工作......但我没有较小分辨率的偏移量。

这是您可以查看问题的页面:Test page

它所在的区块是“Especial52ºAniversario”

感谢您的帮助,让我感到疯狂

2 个答案:

答案 0 :(得分:68)

偏移量从sm一直到最大尺寸都适用。要停止它,请添加col-md-offset-0以防止偏移应用于更大的尺寸。

答案 1 :(得分:2)

Bootstrap 3 =先移动。

你在xs'size'范围内应用的任何样式都将被传递给更大的'sizes',除非你使用了诸如.visible-sm class之类的辅助工具

如果您希望在小范围 期间看到一列偏移:

    <div class="row">
      <div class="col col-md-12 col-sm-6 col-sm-offset-1 hidden-xs">
        <div class="col-sm-1 visible-sm"><div>
        <div>
          ...continue your content
        </div>