引導3：多列

你好引導社會的變化順序，引導3：多列

雖然我已經試過了好幾天，現在我的一切可能想象到交換多列自舉3使用推拉命令我不能得到的md屏幕大小才能正常工作。

這裏是代碼：http://jsbin.com/dipel/3/embed?html,css,output

對於XS尺寸（沒問題）：
所有盒送全屏幕寬度
BOX1
BOX2
BOX3
Box4

對於sm尺寸（沒問題）：
Th e最後兩個盒子互換並且在彼此旁邊
盒子1
盒子2
Box4 | BOX3

對於MD-尺寸（不知道如何來交換這一點）：
這裏是我的問題。我無法正確地交換位置。
Box1 | Box3
Box4 | Box2

因此，我的問題：這種佈局一般可能與引導3，如果是的話，究竟是如何？
任何想法如何解決這個問題？

預先非常感謝

的Stefan

這裏是我的代碼例如：http://jsbin.com/dipel/3/embed?html,css,output

來源

2014-06-17 Stefan

我建議使用2個獨立的行，則使用COL-MD-6（這將是50％整個集裝箱）。

例如：

<div class="row"> 
    <div class="col-md-6"> 
    <div class="box1"></div> 
    </div> 
    <div class="col-md-6"> 
    <div class="box2"></div> 
    </div> 
</div> 

<div class="row"> 
    <div class="col-md-6"> 
    <div class="box3"></div> 
    </div> 
    <div class="col-md-6"> 
    <div class="box4"></div> 
    </div> 
</div>

這裏是一個演示：

http://jsbin.com/tuhiqoda/1/edit

來源

2014-06-17 18:25:03 Charlie

非常感謝你的努力，你的快速回復。不幸的是，在你的示例代碼中，盒子順序保持爲md大小的1-2＃3-4。我在這裏的困難的目標是獲得1-3＃4-2和對我來說這似乎是一個無須重複BOX3，並在較小的屏幕尺寸隱藏這是不可能的。你認爲這在bootstrap 3中是可行的嗎？ – Stefan

不幸的是，據我所知，你只能推拉同一排。可以隱藏所有4在COL-MD和創建一個單獨的一個與佈局，這聽起來像你已經知道該怎麼做。對不起，關於誤解你的問題是完整的。 – Charlie

OK，不過我會解決，然後馬克的問題。如果其他人有另一種解決方法，我很有興趣知道。 – Stefan

回答

相關問題