5. 容器應用

一、容器基本概念

1. 凡是要用 BootStrap 的網格系統來排版，一定要使用容器（container）。
2. 一個頁面中可以有多個容器。
3. 容器也可以巢狀使用（容器中還有容器）
4. 容器有兩種，一種是寬度有上限的容器：

   <div class="container">
     ...
   </div>

5. 另一種是全螢幕容器：

   <div class="container-fluid">
     ...
   </div>

6. 沒加容器之前。網頁內容會緊貼著邊緣，加上之後，預設就有邊距出現。

7. 詳情：http://bootstrap.hexschool.com/docs/4.0/layout/overview/#%E5%AE%B9%E5%99%A8

二、容器應用：滿版底色+有限寬度

1. 在 .container 之外多一層 <div> 並設想要的底色或底圖即可。

   <div style="background-color: #185252;">
       <div class="container">
       </div>
   </div>