使用栅格布局时已经在PC端代码中写了一行4个div.col-md-3,能不能实现在移动端一行两个div？

Question

在移动端调试时每个.col-md-3都占一整行且居中无法移动，导致每行只能放一个div，如题如何能显示两个

Answer 1

<div class="container-fluid">
   <div class="row">
       <div class="col-sm-6">
           Level 1: .col-sm-6
           <div class="row">
               <div class="col-xs-6 col-sm-6">
                   Level 2: .col-xs-6 .col-sm-6
               </div>
               <div class="col-xs-6 col-sm-6">
                   Level 2: .col-xs-6 .col-sm-6
               </div>
           </div>
       </div>

       <div class="col-sm-6">
           Level 1: .col-sm-6
           <div class="row">
               <div class="col-xs-6 col-sm-6">
                   Level 2: .col-xs-6 .col-sm-6
               </div>
               <div class="col-xs-6 col-sm-6">
                   Level 2: .col-xs-6 .col-sm-6
               </div>
           </div>
       </div>
   </div>
</div>