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

问题描述

我有一个 Bootstrap 4 页面，如下所示:

<div class="col-md-8">一个
<div class="col-md-4">乙

看起来像:

-----|A|B|-----

因此，如果我在移动设备上查看它，A 列在顶部，但我希望 B 列在顶部.这可能吗?我尝试了推拉，但没有用，因为我使用的是 Bootstrap 4.

解决方案

借助 Bootstrap 4，您可以使用以下类.

order-first、order-last 和 order-0 - order-12

在你的元素上.

看看这里: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屋！