如何在 Bootstrap 網格系統中實現 1 列 5 欄?

發表日期:
2020.07.27
/
分類:
Dev
列,是橫的;行,是直的。 Bootstrap 4.5 中預設的網格系統一列能分成 12 欄,且能使用 .col-1~12 類別來自由的切分你要的大小。你可以開心的在一列中切出 1、2、3、4、6

列,是橫的;行,是直的。

Bootstrap 4.5 中預設的網格系統一列能分成 12 欄,且能使用 .col-1~12 類別來自由的切分你要的大小。你可以開心的在一列中切出 1、2、3、4、6 欄,但如果想要切出平均的 5 的話就必須自己改寫 CSS 了。

雖然在網頁設計中應該比較不常會遇到這個狀況,但既然在接網頁設計案子的過程中被我遇到,那就索性來紀錄一下這個簡單的解法。

解決流程

一、打開你的 CSS 檔案或在網頁中加入