重排序/重新安排Twitter的引導列

我需要重新安排這樣我的專欄，但因爲你不能做col-sm-pull-12/col-sm-push-12，我甚至有越來越接近的麻煩。 Bootstrap有沒有可能的方法？如果不是Bootstrap，我該如何實現這樣的功能？

<div class="container"> 
    <div class="row"> 
    <div class="col-xs-12 col-sm-8 red"> 
     A 
    </div> 
    <div class="col-xs-12 col-sm-3 blue"> 
     B 
    </div> 
    <div class="col-xs-12 col-sm-4 green"> 
     C 
    </div> 
    <div class="col-xs-12 col-sm-9 yellow"> 
     D 
    </div> 
    <div class="col-xs-12 col-sm-3 magenta"> 
     E 
    </div> 
    </div> 
</div>

來源

2015-07-02 talena6

請顯示您用來在左側創建圖像的HTML代碼。 –

Wp。 JSfiddle是空白的。 –

你可以使用JavaScript和jQuery嗎？ –

，所以你不能自舉push和pull類這樣做的原因是因爲push和pull類不要讓行的跳躍（如果你推或拉超出設定網格的12列系統，它將關閉屏幕）

另一種方法是使用hidden類的引導程序。這裏是一個示例 http://jsfiddle.net/swm53ran/282/

<div class="row"> 
    <div class="a col-xs-12 col-sm-12 col-md-8 col-lg-8">Content of A</div>  
    <div class="b col-xs-12 col-sm-12 hidden-md hidden-lg">Content of B</div>  
    <div class="c col-xs-12 col-sm-12 hidden-md hidden-lg">Content of C</div>   
    <div class="c col-md-4 col-lg-4 hidden-sm hidden-xs">Content of C</div> 
    <div class="b col-md-4 col-lg-4 hidden-sm hidden-xs">Content of B</div> 
    <div class="d col-xs-12 col-sm-12 col-md-8 col-lg-8">Content of D</div> 
    <div class="e col-xs-12 col-sm-12 col-md-4 col-lg-4">Content of E</div> 
</div>

來源

2015-07-02 18:38:46 indubitablee

你正在複製數據...這不是一個好的方法，但它的工作原理。我也是這麼想的，但我不會建議任何人這樣做。 –

重排序/重新安排Twitter的引導列

回答

相關問題