Bootstrap - 如何在移動設備中顯示列反轉

Question

<div class = "row"> 
    <div class = "col-md-4"></div> 
    <div class = "col-md-8"></div> 
</div> 

我在一行中有兩列。我想首先在手機上顯示col-md-8。任何建議？

Answer 1

你應該在col-lg-push和col-lg-pull類的幫助下使用列順序操作技術。 拉動瀏覽器左側的div，並將瀏覽器左側的div推「推」出來。

在情況下，如果你想只在移動使用，那麼你可以使用jQuery的幫助下添加這些類。你可以讀到這裏：Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3

Answer 2

首先創建移動佈局（第一個放置8寬列），然後使用推拉來調整桌面..

<div class="row"> 
    <div class="col-md-push-4 col-md-8"> </div> 
    <div class="col-md-pull-8 col-md-4"> </div> 
</div> 

Bootply demo