如何獲得Bootstrap跨度以不同順序重排？

在桌面模式下是否可以安排Bootstrap跨度順序爲左側邊欄，主內容，右側邊欄以及移動模式下的主內容，左側邊欄，右側邊欄？如何獲得Bootstrap跨度以不同順序重排？

這是一個jsfiddle。 http://jsfiddle.net/krishunt/3J2KC/我已經將MAIN CONTENT跨度列在第一位，所以它會出現在移動模式的頂部，但我無法讓它出現在桌面模式下的兩個側邊欄中間。

<div class="row"> 
    <div class="span4 main_content"> 
     MAIN CONTENT 
    </div> 

    <div class="span4 sidebar pull-left"> 
     LEFT SIDEBAR 
    </div> 

    <div class="span4 sidebar pull-right"> 
     RIGHT SIDEBAR 
    </div> 
</div>

來源

2013-06-26 Kris Hunt

您可以使用響應式實用程序類來隱藏\顯示不同行\元素。您可以使用hidden-phone和visible-phone類來完成此操作。

DEMO：jsFiddle

來源

2013-06-26 21:35:16 Schmalzy

難道你不需要複製你的內容嗎？ –

@KrisHunt是的，它並不理想，但它完成了工作。我相信還有其他方法可以通過巧妙的CSS來實現，但如果您已經使用bootstrap，這是迄今爲止最簡單的方法。 – Schmalzy

哦！我想我必須實際上覆制內容，但我所要做的就是複製模板中的一行或兩行代碼。咄！這很好，謝謝！ –

如何獲得Bootstrap跨度以不同順序重排？

回答

相關問題