格
Ionic 的網格系統基於 flexbox，這是 Ionic 支援的所有裝置支援的 CSS 功能。網格由三個單元組成 - 網格，行和列。列將展開以填充其行，並將調整大小以適應其他列。
| 類 | 寬度 |
|---|---|
| width-10 | 10％ |
| width-20 | 20％ |
| width-25 | 25％ |
| width-33 | 33.3333％ |
| width-50 | 50％ |
| width-67 | 66.6666％ |
| width-75 | 75％ |
| width-80 | 80％ |
| width-90 | 90％ |
舉例
<ion-grid>
<ion-row>
<ion-col width-10>This column will take 10% of space</ion-col>
</ion-row>
</ion-grid>