引导两个 col-SM，但 x 有两行

Question

我是Twitter Bootstrap（v3）的新手。正如我在标题中所说，我想设计两列，当屏幕为 SM 和更大时，我希望它显示两列，但当它较小的屏幕 （XS） 时，我希望它显示两行。我该怎么做？

SM 和更大：

[---------][---------]

XS：

[---------]

[---------]

Answer 1

你可以这样做：

<div class="row">
    <div class="col-sm-6">
        <p>Hey, I am column 1</p>
    </div>
    <div class="col-sm-6">
        <p>Hiya, I am column 2</p>
    </div>
</div>

col-sm类将意味着列将内联 sm 宽度和更大，然后当步入 sm （xs） 下时，列将堆叠在一起。

希望对您有所帮助！