使用栅格布局时已经在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>