Bootstrap 4右列在移动视图顶部 [英] Bootstrap 4 right Column on top on mobile view

查看:169
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆