Search
相對於 Bootstrap 4 來說，我認為 v5 真正發揮特色的地方在於 “變數”
雖然 Sass 可以透過簡短的語法產生大量的 CSS 程式碼，但這也意味著 CSS 檔案會不斷地擴增。因此許多設計概念在 v4 都受到了限制，例如：不同間距的 gutter（v4 只有三種，而這三種已經讓 Bootstrap 額外佔用許多容量）。
到了 v5 以後，除了原有的 Sass 之外，更靈活運用原生的 CSS 變數技巧，這些用法甚至會讓人感覺到「哇～原來變數可以這樣玩」。以格線系統來說，每次新增一種新的 gutter 僅需要增加 3 行 CSS（沒錯，包含 ClassName 就三行；至多不需要超過 5 行）
傳統的 CSS，至少要 60 行以上才能達到此效果，而 CSS 變數的 3 行影響到：
- 12 欄
- 5 種中斷點的欄線
- 外層 .row 的設計
更詳細的 CSS 變數知識
可參考此篇文章：https://wcc723.github.io/development/2021/09/22/css-variables-bootstrap/
Bootstrap 5 Beta 上線！！（距離正式版不遠惹）
現在官網 v4 文件也直接替換成 v5 Beta 的版本
近期導入的感想如下：
- 去除 jQuery，JS 導入的方式與過去差異很大
- 超棒的 grid 設計概念
- 更豐富的表單設計元件
- 更具有彈性的 utilities 變數設計
- 更多的 Utilities，許多元件不再有自己的間距、配色
（某方面來說，會顯得稍微不便）
已經升級為 beta1 的官方文件
https://getbootstrap.com/
Bootstrap 5 的格線設計原理
https://wcc723.github.io/development/2020/10/10/bootstrap-5-grid-whats-new/
另外，先前的 Bootstrap 4 文件
我們也會盡快更新至 Bootstrap 5 的版本喔～
關於 display: table 的介紹與運用，有部落客已經有寫文章介紹過，我就不多贅述了。
我這篇針對的族群，是已實際用過 display: table 的朋友，當你們在使用的時候，也許會碰到「間距調整」的問題，例如要在每一個 table-cell 裡頭設定 margin 等間距調整，卻發現修改無效。假設你碰過這種狀況，不妨參考一下我推薦的解法...
http://blog.mukispace.com/fix-display-table-cell-not-affected-by-margin/
教程对标实际应用讲解，知识点精心排序，如 CSS 选择器，将CSS2 和CSS3 中的选择器一次性介绍完， ... 【 CSS 】043 CSS 常用文本属性文本 间距. ... <看更多>
由於網路上的CSS 排版探討大多著重於主流的西方拉丁語系文字，其在文字大小、行距等各方面並不完全適用中文文字。 故本文件提供一個易讀且清晰的常用中文網頁排版 ... ... <看更多>
css間距 在 [BS4] Bootstrap 4 自訂容器和欄間距寬度（Custom Container ... 的推薦與評價
CSS 的部分就去修改原本 .container 的 max-width ：. /** * 期望的內容寬+ 30px ，才會是最後的容器寬（不改變間距寬度的情況下） ... <看更多>