bootstrapグリッドレイアウトを用いた配置についての質問です

Question

<div class="container">
<div class="row">
<div class="col-md-2">
カラム2
</div>
<div class="col-md-10">
カラム10
</div>
</div>
</div>

以上のようなbootstrap的なマークアップがあるとすると基本的に
-カラム2------カラム10-----
のように左詰めでの配置になると思います。これを上のcol-md-2とcol-md-10のマークアップの位置を入れ替えずに
------カラム10-----カラム2-
のように先に記述されてあるcol-md-2を右に配置するにはどうすればよいでしょうか？
宜しくお願い致します。

Answer 1

Bootstrap 4であればorder-で表示する順番を指定できます。
参考: Order Classes - Grid system · Bootstrap

<div class="container">
<div class="row">
<div class="col-md-2 order-2">
カラム2
</div>
<div class="col-md-10 order-1">
カラム10
</div>
</div>
</div>

Bootstrap 3には無い機能ですので、ご注意ください。