引导两个col-sm但两行为xs

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）下时，列将叠加在彼此之上。

希望它有所帮助！