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>

定義正常秩序