在他們放棄使用push
和pull
類來更改列排序(http://getbootstrap.com/css/#grid-column-ordering)以下示例中的引導3文檔:實際使用情況下,自舉列排序(推,拉)
<div class="row">
<div class="col-md-9 col-md-push-3">.col-md-9 .col-md-push-3</div>
<div class="col-md-3 col-md-pull-9">.col-md-3 .col-md-pull-9</div>
</div>
我明白這是如何但爲什麼你不只是寫下你希望它們出現在你的HTML中的順序,像這樣?
<div class="row">
<div class="col-md-3"> ... </div>
<div class="col-md-9"> ... </div>
</div>
我不能看到他們給出的例子任何可能的使用情況,因爲無論是爲了是col-md-3, col-md-9
,或col-md-9, col-md-3
你仍然不會獲得任何設備上的任何或多或少的寬度 - 它們仍然合計爲12.因此,爲什麼不按照正確的順序在HTML中定義呢?
我明白這些類是如何工作的。但我不明白他們的用例可能是什麼,因爲他們似乎沒有做任何你無法做到的事情,而是按照你想要的順序定義事物。本質上,你無法在給定的設備上獲得更多或更少的視口寬度,那麼你會想要做這樣的事情?
您發佈的鏈接非常有用,但我仍然不完全明白爲什麼要使用它。如果「B」比「A」更重要(內容明智),那麼當然你仍然可以將它定義爲「B,A,C」。這永遠不會解決的是給你更多*寬*(因爲這是不可能的),所以我不明白爲什麼以這種方式呈現列是有利的。這將有助於看到一個網站,其內容*訂單以一種可感知的方式改變用戶的方式。 – Andy
如果優先級隨屏幕大小而變化,該怎麼辦?如果我希望在大屏幕中按A,B,C排序的項目,並且項目B在移動設備中擁有更多優先級,並且我想在手機中使用B,A,C,那又如何? 那時候,bootstrap pull/push是非常有用的,我想。 –