引导列在移动设备上垂直堆叠 [英] Bootstrap columns stacking vertically on mobile device
本文介绍了引导列在移动设备上垂直堆叠的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个简单的引导程序网格布局。
I have a simple bootstrap grid layout. I do not want the columns to stack vertically even on small devices.
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-4 col-md-4">1</div>
<div class="col-sm-4 col-xs-4 col-md-4">2</div>
<div class="col-sm-4 col-xs-4 col-md-4">3</div>
</div>
推荐答案
strong> Bootstrap 4 ,并且不再使用 -xs -
infix。只需使用 col-4
..
The columns are stacking vertically because you're using Bootstrap 4, and the -xs-
infix is no longer used. Just use col-4
..
<div class="container border-show center-div">
<div class="row">
<div class="col-4 border-show">1</div>
<div class="col-4 border-show">2</div>
<div class="col-4 border-show">3</div>
</div>
</div>
http://www.codeply.com/go/sCct2CzZte
这篇关于引导列在移动设备上垂直堆叠的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文