css - 在移动设备上垂直放置 div

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>