相對於 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/
同時也有20部Youtube影片,追蹤數超過81萬的網紅mugumogu,也在其Youtube影片中提到,新しい家族が増えました。道路わきの側溝で雨に濡れていたところを保護された子で、2カ月くらいの女の子です。 This is Maru's new family. She is a kitten about two months old, protected by a gutter on the sid...
gutter 在 Facebook 的精選貼文
gutter 在 Focus Taiwan Facebook 的最佳解答
The search for a runaway spectacled caiman has ended after the reptile was found hiding under a drainage cover in a gutter Tuesday night, two days after it escaped from its owner's home in Hsinchu County.
https://focustaiwan.tw/society/202108180018
gutter 在 mugumogu Youtube 的最佳解答
新しい家族が増えました。道路わきの側溝で雨に濡れていたところを保護された子で、2カ月くらいの女の子です。
This is Maru's new family. She is a kitten about two months old, protected by a gutter on the side of the road.
Blog: https://sisinmaru.com/
Instagram: https://www.instagram.com/maruhanamogu/
gutter 在 HOMAS赫馬士 Youtube 的最佳解答
週日兒子說想找路邊水溝搞吳郭魚,於是打開谷歌地圖看著附近有水的都去找看看 運氣不錯 這大馬路旁的田間灌溉水道竟然藏著一些魚!
IG: http://www.instagram.com/homas.chen
岸拋魂FB連結🔗 https://www.facebook.com/groups/2370698739885210/?ref=share
MFA魚尺蝦皮連結🔗 https://shopee.tw/product/18141764/7606975955?smtt=0.0.9
釣組裝備:
釣竿 Rod: HR溪谷獵人 vhs664L-4p
捲線器:shimano vanquish c2000shg
線組: 0.6PE+#1.5 carbon
#水溝釣魚#爆咬水花#親子活動#市區釣魚#吐司#麥片#筏子溪#紅魔鬼#觀賞魚#吉利#吳郭魚#珍珠石斑#鯰魚#石賓#鯽魚#溪哥
gutter 在 メタル姫 Youtube 的最佳解答
この動画へのご支援ありがとうございました。
HP:
http://17586063.com/
facebook:
https://www.facebook.com/metalhime/
twitter:
http://twitter.com/17586063
gutter 在 disqus/gutter: Fully featured Python feature switch toolkit 的推薦與評價
Gutter is feature switch management library. It allows users to create feature switches and setup conditions those switches will be enabled for. ... <看更多>