> 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/container.md).

# 容器container 應用

## 一、基本概念

* 要用 Bootstrap 的網格系統來排版，一定要使用容器（container）
* 頁面中可有多個容器，容器可巢狀使用（容器中還有容器）
* 容器有兩種，一種是寬度有上限的容器：

  ```markup
  <div class="container"></div>
  ```
* 一種是全螢幕容器：

  ```markup
  <div class="container-fluid"></div>
  ```
* 沒加容器之前。網頁內容會緊貼著邊緣，加上之後，預設就有邊距出現
* 可參考 ： <http://bootstrap.hexschool.com/docs/4.0/layout/overview/#容器>
