水平對齊然後在引導程序中堆疊列

如何在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>

來源

2014-09-12 Claire

喜歡的東西

<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

克萊爾：

你不需要這個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>

來源

2014-09-12 14:45:02 pbenard

正在研究它太 - 在這裏是用顏色bootply說明以及http://www.bootply.com/eYw4rPdx1a – Dan 2014-09-12 14:46:27

對不起，我的帖子張貼沒有我完成它！ – Claire 2014-09-12 14:50:00

我的代碼是：

Content

只是不斷堆積，甚至在山坳平方米的大小，在那裏我會想到兩個6的本來排列的內容？ – Claire 2014-09-12 14:50:45

水平對齊然後在引導程序中堆疊列

回答

相關問題