6-4 欄位推移

1. BootStrap4 裡面已經沒辦法用 .col-offset-x 或者 .offset-sm-x 來跳過幾欄。
2. 可以利用 .mr-auto 來將右邊剩下的空位謄出來。

   <div class="container">
       <div class="row">
           <div class="col-2">col 等寬 1/3</div>
           <div class="col-2 mr-auto">col 等寬 2/3</div>
           <div class="col-2">col 等寬 3/3</div>
       </div>ass="col-2">col 等寬 3/3</div>
       </div>
   </div>

3. 或者用 .mx-auto 把空位平均分散到左右兩邊

   <div class="container">
       <div class="row">
           <div class="col-2">col 等寬 1/3</div>
           <div class="col-2 mx-auto">col 等寬 2/3</div>
           <div class="col-2">col 等寬 3/3</div>
       </div>
   </div>

4. 或用 .ml-auto 把空位放到左邊

   <div class="container">
       <div class="row">
           <div class="col-2">col 等寬 1/3</div>
           <div class="col-2 ml-auto">col 等寬 2/3</div>
           <div class="col-2">col 等寬 3/3</div>
       </div>
   </div>

5. 範例：

   See the Pen 欄位推移 by Tad (@tad0616) on CodePen.