> For the complete documentation index, see [llms.txt](https://learnprogramming.gitbook.io/programlearned/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learnprogramming.gitbook.io/programlearned/bootstrap/grid/fieldshift.md).

# 欄位推移

* Bootstrap 4 裡面已經沒辦法用 .col-offset-x 或者 .offset-sm-x 來跳過幾欄
* 可利用下表將剩下的空位謄出來。

| .mr-auto   | .mx-auto    | .ml-auto |
| ---------- | ----------- | -------- |
| 將右邊剩下的空位謄出 | 空位平均分散到左右兩邊 | 空位放到左邊   |

* 使用範例：

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

![](https://2671156273-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaDZjNzr08eW9hIl-Qq%2F-LaDdqw_bCggxv6Z-pv8%2F-LaDdwpJtXCdus8XA2fj%2Foffset.png?generation=1552876561800220\&alt=media)