我想在移动设备,台式机等设备中分成三列。 但目前在移动设备中,每行仅显示1列。
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
demotext1
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
demotext1
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
demotext1
</div>
</div>
</div>
答案 0 :(得分:2)
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
demotext1
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
demotext1
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-4">
demotext1
</div>
</div>
</div>
在bootstraph 4中,col-xs-4替换为col-4