boostrap 將自訂 color mode 連動到瀏覽器預設樣式的機制

先說結論：boostrap本身無此神力，要靠JS。但官網有提供此JS，需自行下載引用。

SCSS variable default 變數預設值及權重判斷

宣告SCSS變數時，尾綴!default，表示此變數接受前置覆蓋。

圓、橢圓漸層CSS語法簡述與使用心得

漸層是一種特殊形式的<image>，以「圖片」形式存在，實作於 background-image。此篇著重於圓及橢圓漸層的設定。

把bootstrap 原生 Toast 功能和原生 Alert 結合

把吐司和alert摻在一起做撒尿牛丸。版本需求：bootstrap v5.2以上

SCSS / SASS 三元運算子 Ternary Operator

#工作時的小筆記

.h4和.fs-4還有常被遺忘的行高差異

#工作時的小筆記

Vue v-else-if v-else 心得

 #工作時的小筆記

bootstrap4 升級到 bootstrap5

2022/11/21更新 v5.1 到 5.2

bootstrap5 / mixin / _breackpoints

此文章為閱讀 Bootstrap5 mixins/_breackpoints.scss 原始碼而寫的筆記。

list 與 map 的曖昧

 #工作時的小筆記 #SCSS

display:inline 的排版心得

inline 排版常用，但需對它作複雜排版的需求少見。inline 的表現有時跟你想的不一樣。

對 Attribute 選擇器的誤會

#眼睛睜大點系列

Bootstrap5 Grid Gystem Layout解構與速成客製化響應式間距 Grid

工作時的小筆記。

Listen and Play 課程整理

Listen and Play 是BBC School Radio 出的早教廣播節目，有線上podcast可聽閱。免費的音檔、教師手冊，有的童謠或歌曲還有相關影片可以觀賞，內容豐富品質高而且全部免費，是非常棒的免費英語幼教資源。

雖說官網推薦年齡是3 ~ 5歲，但非英語母語的我們家聽到國小高年級也還在聽就是了。

SCSS / SASS筆記 String 字串及相關函式

讀 document 的小筆記。String and String function 字串基礎與字串處理相關函式。

CSS變數 CSS variable

 工作時的小筆記。

flex三小朋友

工作時的小筆記。速記一下：flex三小朋友

SCSS / SASS筆記 @extend 與 %style

使用 SCSS 工作時的筆記。用點力統整、擴寫一下，內容已經有點太長，囧。

Bootstrap之下快速指定SVG icon顏色

工作時的小筆記。

把bootstrap 原生 nav 功能和原生 Button group style 結合

Boostrap是一套熱門的front-end web。此文提供的是旗下兩個組件的結合應用。