水平对齐然后在引导程序中堆叠列

Question

如何在col-sm水平对齐两列但在col-xs处垂直堆叠？

我目前有：

<div class="col-md-3 col-sm-12"> 
    <div class="row"> 
         <div class="col-xs-12 col-sm-6 col-md-12">Content</div> 
    </div> 
    <div class="row"> 
        <div class="col-xs-12 col-sm-6 col-md-12">Content</div> 
    </div> 
</div>

Answer 1

像

这样的东西

<div class="row">
  <div class="col-sm-6 col-xs-12">Content</div>
  <div class="col-sm-6 col-xs-12">Content</div>
</div>

Bootply ：http://www.bootply.com/u6mMtQvyzX

对于Claire：

你不需要这个row div ...

<div class="col-md-3 col-sm-12"> 
    <!-- <div class="row"> -->     
         <div class="col-xs-12 col-sm-6 col-md-12">Content</div> 
    <!-- </div> -->  
    <!-- <div class="row">  -->  
        <div class="col-xs-12 col-sm-6 col-md-12">Content</div> 
    <!--  </div>   -->   
</div>