bootstrap兩個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）下步進時，這些列將堆疊在彼此之上。

希望它有幫助！