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