Question

我使用bootstrap创建div。如果我在桌面访问，div显示水平，但div在移动浏览器中不显示垂直。我希望div在移动浏览器中显示垂直。

 <meta name="viewport" content="width=device-width, initial-scale=1.0" >

 <div class="col-sm-pull-0">
     <div class="col-xs-6">
         <!-- content -->
     </div>
     <div class="col-xs-6">
         <!-- content -->
     </div>
 </div>

Answer 1

这将有效：

 <div class="col-xs-12 col-lg-6">
      //content
 </div>
 <div class="col-xs-12 col-lg-6">
     //content
 </div>

Answer 2

因为你使用了错误的类http://jsbin.com/weciqava/1，如果你想在移动设备上垂直显示你应该使用col-xs-12，如果你使用xs-6它会水平显示

在移动设备上垂直div

2 个答案: