您正在使用Bootstrap 3.x 使用響應式佈局，該佈局由兩列組成：側邊欄( 3) 和內容（9）。雖然佈局在桌面上呈現良好：
navbar [3][9]
在行動裝置上，順序發生了變化：
navbar [3] [9]
您希望在行動裝置上保持順序，內容位於頂部。
重新排序列的方法依螢幕尺寸而有所不同。在這種情況下，您無法變更較小螢幕上的順序。但是，您可以在更大的螢幕中更改它。
第1 步：更改列的順序
更改程式碼中列的順序：
<!-- Main Content --> <div>
預設情況下，這將首先顯示主要內容，即使在
第2 步：使用col-lg-push和 col-lg-pull
col-lg-push 和 col-lg-pull 允許您重新排序大螢幕上的欄位。這是在大螢幕中將側邊欄顯示在左側、將主要內容顯示在右側的方法：
<!-- Main Content --> <div>
透過使用此方法，您可以在大螢幕中重新排序列，而不影響行動裝置上的佈局.
以上是如何在保持行動佈局的同時在較大螢幕上重新排序 Bootstrap 3 列？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
