響應式佈局
- 同一套頁面可以兼容不同分辨率的設備
- 實現：依賴於柵格系統：將一行平均分成12個格子，可以去指定元素佔幾個格子。
- 步驟：
- 定義容器。相當於之前的 table
- 容器分類：
- container : 兩邊有留白
- container-fluid : 每一種設備都是100%寬度
- 定義行。相當於之前的 tr 樣式 ： row
- 定義元素。（相當於 td）指定元素在不同設備上，所佔的格子數目。樣式： col-設備代號-格子數目。
- 設備代號：
- 注意：
- 一行中如果格子數目超過12，則超出部分 自動換行。
- 柵格類屬性可以向上兼容。柵格類適用於與屏幕寬度 大於或等於分界點的設備。
- 如果真實設備的寬度小了柵格類屬性的設備代碼的最小值，默認會一個元素佔滿一整行。
