5.2 Grid System
Last updated
Last updated
https://getbootstrap.com/docs/5.3/layout/grid/#grid-options
記得以下這幾個版面的分界點：
xs：螢幕寬度大於等於 0px。
sm：螢幕寬度大於等於 576px。
md：螢幕寬度大於等於 768px。
lg：螢幕寬度大於等於 992px。
xl：螢幕寬度大於等於 1200px。
xxl：螢幕寬度大於等於 1400px。
如下示意圖：
將 列 寫在 container 中。
將 欄 寫在 列中。
每一列共有視覺上看不到的 12 欄可做劃分。
語法：offset-{breakpoint}-{number}
在某個 {breakpoint} 範圍以上，位移 {number} 欄。例：
語法：order-{breakpoint}-{number}
在某個 {breakpoint} 範圍以下，{number} 數值較小的先出現。例：
在 column 裡面的部份，也可以再放 row 來切 12 欄。例：
關於左右 margin 負邊界(未指定寬度的情況下，左右的 margin 為負值時，會創造出額外空間)：
因為 Bootstrap 的 row(有負邊界)，分別是：
所以當 row 放在其它自己的 div 標籤時，該 div 標籤記得加以下兩行的 css：
例：
