桌面上的自舉網格佈局包裝列

-2

我有一個側邊欄，我想成爲移動設備上的一組列，但桌面或平板電腦上的一列。我只是不知道如何處理這一點，因爲the only documentation bootstrap provides is for the other way around 桌面上的自舉網格佈局包裝列

我甚至不知道該怎麼尋找，「寬熒幕上引導包柱」之類不轉了有用的東西。

來源

2017-04-11 mtfurlan

後，你已經試過 – ZimSystem

@ZimSystem我不代碼沒有代碼，我不知道如何解決這個問題。我知道如何使用基本的網格佈局，但我不知道在這裏適用。 – mtfurlan

@ZimSystem是的，我問的是如何從一個小屏幕上的一組列到大屏幕上的一個垂直組。這不是引導文檔談論的東西。在向下*大小的時候將一組列放到垂直堆棧中是非常簡單的，我試圖找出當* *大小時如何做到這一點。 – mtfurlan

始終啓動「移動優先」，並創建所需的移動佈局。然後進行調整以獲得所需的桌面佈局。

你可以使用嵌套和列的順序（推輓）類，以扭轉在桌面上的佈局......

<div class="container-fluid"> 
    <div class="row"> 
     <div class="push-md-9 col-md-3"> 
      <div class="row"> 
       <div class="col-md-12 col-4"> 
        . 
       </div> 
       <div class="col-md-12 col-4"> 
        . 
       </div> 
       <div class="col-md-12 col-4"> 
        . 
       </div> 
      </div> 
     </div> 
     <div class="col-md-9 pull-md-3 col-12"> 
      . 
     </div> 
    </div> 
</div>

http://www.codeply.com/go/uimdfmnwCC

來源

2017-04-11 16:22:20 ZimSystem

啊，我明白了。謝謝。我沒有考慮使用'col-md-12'。這正是我所期待的。對不起，問這個可憐的問題，我只是需要一個小小的推動。（或者只是整個答案，如你所提供的那樣）Bootstrap 3版本，如果你想把它附加到你的答案：http://sprunge.us/eVTd – mtfurlan

桌面上的自舉網格佈局包裝列

回答

相關問題