Bootstrap 4，如何颠倒列的顺序？

Question

我有这个简单的场景：

<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和whatnot ..似乎无法得到它的工作

任何想法？

Answer 1

如果您想更改订单md和更大的尺寸，您可以使用order-md-，这是由bootstrap提供。它看起来像，如果你只想在md大小更改订单，你将不得不在一个更大尺寸Fiddle

<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>

定义正常秩序