Twitter bootstrap 3 引导3：偏移量为'；不行吗？

我有以下代码：

<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，每个div有12列（一个水平堆叠在另一个之下），没有偏移

---

不知何故，浏览器无法识别类

col-md-offset-0

。它仍然使用

col-sm-offset-6

类。知道为什么吗？

没有列-？？-偏移-0。所有“行”都假定没有偏移量，除非已指定。我想你需要在小屏幕上显示3行，在中屏幕上显示1行

要获得结果，我相信您正在寻找以下方法：

<div class="container">
    <div class="row">
      <div class="col-sm-4 col-md-12">
        <p>On small screen there are 3 rows, and on a medium screen 1 row</p>
      </div>
      <div class="col-sm-4 col-md-12">
        <p>On small screen there are 3 rows, and on a medium screen 1 row</p>
      </div>
      <div class="col-sm-4 col-md-12">
        <p>On small screen there are 3 rows, and on a medium screen 1 row</p>
      </div>
    </div>
  </div>

小屏幕上有3行，中屏幕上有1行

小屏幕上有3行，中屏幕上有1行

小屏幕上有3行，中屏幕上有1行

请记住，您只会在小型平板电脑上看到与您描述的不同之处。中屏幕、大屏幕和超小屏幕——这些栏目共有12个

---

希望这有帮助。

您使用的是哪个版本的引导？Bootstrap3的早期版本（3.0、3.0.1）不能使用此功能

col-md-offset-0应该可以在这里找到的引导示例（）中看到：

.col-sm-5.col-md-6
.col-sm-5.col-sm-offset-2.col-md-6.col-md-offset-0

如果我没弄错的话，你想要的东西似乎与通常所期望的相反：你想要小屏幕的水平布局和大屏幕上垂直堆叠的元素。你可以这样做：

<div class="container">
    <div class="row">
        <div class="hidden-md hidden-lg col-xs-3 col-xs-offset-6">a</div>
        <div class="hidden-md hidden-lg col-xs-3">b</div>
    </div>
    <div class="row">
        <div class="hidden-xs hidden-sm">c</div>

    </div>
</div>

A.
B
C

---

在小屏幕上，即xs和sm，这将生成一行两列，偏移量为6。在更大的屏幕上，即md和lg，它会生成两个垂直堆叠的全宽元素（12列）。

很难确定您在寻找什么，因为您的代码当前只有2列。你能不能创建一个是的，就是这样，Bootstrap3的早期版本就是答案。你可以对其他xs ls md:：col-lg-9 col-lg-offset-0 col-md-offset-1 col-md-8始终使用offset0

<div class="container">
    <div class="row">
        <div class="hidden-md hidden-lg col-xs-3 col-xs-offset-6">a</div>
        <div class="hidden-md hidden-lg col-xs-3">b</div>
    </div>
    <div class="row">
        <div class="hidden-xs hidden-sm">c</div>

    </div>
</div>