Bootstrap 3:偏移不起作用？

Question

我有这个代码:

<div class="row">
  <div class="col-sm-3 col-sm-offset-6 col-md-12 col-md-offset-0"></div>
  <div class="col-sm-3 col-md-12"></div>
</div>

我想要的小(sm)屏幕是两个div,每个有三列,第一个div的偏移量为6列.

对于中(md)屏幕,我希望有两个div,每个12个列(一个水平堆叠在另一个下面),没有偏移.

不知何故,浏览器无法识别该类col-md-offset-0.它仍然使用col-sm-offset-6该类.有什么想法吗？

Answer 1

你使用的是哪个版本的bootstrap？早期版本的Bootstrap 3(3.0,3.0.1)无法使用此功能.

col-md-offset-0应该正常工作,如此处找到的这个bootstrap示例中所示(http://getbootstrap.com/css/#grid-responsive-resets):

<div class="row">
   <div class="col-sm-5 col-md-6">.col-sm-5 .col-md-6</div>
   <div class="col-sm-5 col-sm-offset-2 col-md-6 col-md-offset-0">.col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0</div>
</div>