Bootstrap 4，如何反转列的顺序？

小编典典

Bootstrap 4，如何反转列的顺序？

css

我有一个简单的场景：

<div class="row">
    <div class="col-md-12 col-lg-6 col-xl-7">A</div>
    <div class="col-md-12 col-lg-6 col-xl-5">B</div>
</div>

基本上如果 md

A
B

我想要，如果 md

B
A

我已经尝试了许多在网络上找到的变体，例如flex-first，什么都没有。.似乎无法使其正常工作

有任何想法吗？

阅读 422

2020-05-16

共1个答案

小编典典

如果您想更改顺序md并使用更大的尺寸，可以使用bootstraporder-md-提供。看起来，如果只想更改尺寸，则必须在一个较大尺寸的小提琴上定义常规顺序md

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />

<div class="row">

  <div class="col-md-12 order-md-2">A</div>

  <div class="col-md-12 order-md-1">B</div>

</div>

2020-05-16