因為 廖洧杰 的推坑,現在要跟一堆高手 PK CSS
也就想到以前在寫 SCSS 的一些想法
其實我過去是不喜歡 Bootstrap 的
但在嘗試超越 Bootstrap 的過程中(自幹 CSS 框架)
發現觀念上的有很多的不足
因此開始研讀 OOCSS 及許多框架的概念
三年前(講古中...)
在公司中就依據這樣的概念重製的一套框架
並且加入許多變化讓框架的可用性更高
如:
- 元件樣式數量由變數決定
- 通用類別,可重複使用的 樣式類型 className
- Flex 設計元件
- z-index 統一管理
- 按鈕包含 outline 的款式
而這些也是我很喜歡 Bootstrap 4 的原因
這個版本實現了我當時的許多概念
並且做得更好,現在我引入 BS4 時
就好像在用當時自己做的框架一樣 😊
所以歡迎大家來 PK 我的 CSS
我可是超強的喔~
https://www.hexschool.com/2018/09/13/2018-09-13-hexschool-challenge/
同時也有10000部Youtube影片,追蹤數超過2,910的網紅コバにゃんチャンネル,也在其Youtube影片中提到,...
bootstrap outline 在 卡斯伯 Facebook 的精選貼文
Bootstrap 4 與 其他版本的差異
---
最近試著用 Bootstrap 4 製作一個網站
撇除目前還在測試中...不斷更新外
Bootstrap 4 有很多新功能我很喜歡
1. 額外提供 outline 版本的按鈕
2. float、text-align 均有提供不同解析度的版本 (xs, md...)
3. 雜項(utilities)多了很多 margin、padding 的樣式,讓排版更為自由
4. navbar 的底色是半透明,讓 navbar 的配色更為自由
5. 直接提供 sass 的版本
我是直接使用 sass 的版本
最痛的經驗是在更新的時候很多 className 換了 @_@
但整體來說挺滿意的
#bootstrap #css