twitter-bootstrap-3 - Bootstrap 3 : Offset isn't working?

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 有三列，第一个 div 有 6 列的偏移量。

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

不知何故，浏览器无法识别类 col-md-offset-0 .它仍然使用 col-sm-offset-6类(class)。任何想法为什么？

Answer 1

您使用的是哪个版本的 Bootstrap ？ Bootstrap 3 的早期版本(3.0、3.0.1)不支持此功能。

col-md-offset-0 应该可以在此处找到的这个引导示例中看到( 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>