首頁猿問使用柵格布局時已經(jīng)在PC端代碼中寫...

使用柵格布局時已經(jīng)在PC端代碼中寫了一行4個div.col-md-3,能不能實現(xiàn)在移動端一行兩個div？

Bootstrap

qq_沉默于心_0 2017-09-14 13:28:07

在移動端調(diào)試時每個.col-md-3都占一整行且居中無法移動，導(dǎo)致每行只能放一個div，如題如何能顯示兩個

查看完整描述

2 回答

鯨與海

TA貢獻(xiàn)7條經(jīng)驗獲得超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>