調整大小時更改跨度位置：Twitter Bootstrap

Question

在Twitter Bootstrap中，我將span5和span7放在一行中。當我將瀏覽器重新設置爲移動版式時，span5保持最高，span7低於span5。我希望span7能夠保持在最佳狀態，並且span5可以低於它。

我該怎麼做？

在此先感謝

Answer 1

爲了實現這樣的事情，你需要操縱你的DOM結構的位。如果可能，我會首先建議嘗試「破解」頁面結構。我的意思是，是否有可能將span7放在DOM中，然後將span7右移，並且span5離開？這將允許您以任何屏幕大小以正確的順序顯示它們，並且您可以使用所需大小的媒體查詢修復浮動。

否則，這聽起來像jQuery的工作。 jQuery將允許您即時操作DOM元素，您可以輕鬆地編寫一個腳本，該腳本在某個窗口寬度上處理兩個元素的DOM位置。

Answer 2

扭轉其在DOM樹纔能有：

 
&ltdiv class="span7"></div> 
<div class="span5"></div> 

...然後設置float: right兩個span5和span7。您可以使用特定的CSS類名稱。

通過這種方式，在較大的顯示器上，您將跨越5到左側，span7到右側，以及移動設備span7和span5下方。