Bootstrap 4右列在移动视图顶部 [英] Bootstrap 4 right Column on top on mobile view
本文介绍了Bootstrap 4右列在移动视图顶部的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个像这样的 Bootstrap 4 页面:
< div class =row >
< div class =col-md-8>
A
< / div>
< div class =col-md-4>
B
< / div>
< / div>
看起来像:
-----
| A | B |
-----
因此,如果我在移动设备上查看它,列A在顶部,但我想B在最上面。这可能吗?我尝试了推拉,但它不起作用因为我使用的是Bootstrap 4.
解决方案
使用Bootstrap 4您可以使用以下类。
order-first,order-last和order-0 - order-12
<在你的元素上。
看看这里:列排序in Bootstrap 4
I have a Bootstrap 4 Page like this:
<div class="row">
<div class="col-md-8">
A
</div>
<div class="col-md-4">
B
</div>
</div>
Looks like:
-----
|A|B|
-----
So if I look at it on a mobile Device, the Column A is on top, but I want the B on top. Is this possible? I tried it with push an pull, but it didn't work Because I'm using Bootstrap 4.
解决方案
With Bootstrap 4 you can use the following classes.
order-first, order-last and order-0 - order-12
on your element.
Have a look here: Column ordering in Bootstrap 4
这篇关于Bootstrap 4右列在移动视图顶部的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文