Bootstrap 柵格系統（適合於各階段學者）

柵格系統定義：

運用固定的格子遵循一定規則，進行頁面佈局，使我們佈局更加規範簡潔

柵格七要素：

• 最小單位： 需要定好界面的單位基礎 網頁端一般情況10， 移動端一般情況 3 4 5

• 總寬度/W： 對整體佈局的規範，保證設計尺寸的統一性

• 列數/N： 界面總寬度設計好 縱向分成多列（12列    移動端6列)

• 大列寬/L： 把界面的總寬度平等分成幾列，每一列的寬度 (計算公式L=W/N) 包含列寬和水槽

• 水槽/G： 相鄰的列寬之間的間隔是水糟（水槽寬度越大，頁面留白會更好，更緊湊）

• 列寬/C

• 安全邊距/M：安全邊距一般情況下是水槽的0.5倍 M=G/2