手把手自訂你的 Bootstrap 樣式
不用 gulp、webpack，只需要開啟 VSCode～

Q: 為什麼要客製化？
客製化可以使 Bootstrap 更符合專案的風格樣式。

Q: 用覆蓋不行嗎？一定要客製化嗎？
就經驗上來說，覆蓋通常會缺少許多的狀態，如按鈕的 hover, active, focus 等等，並且容易使樣式缺少一致性。

Q: 編譯？Bootstrap 不是 CSS 嗎？
Bootstrap 的 .css 檔案是編譯後的結果，它原始檔案是屬於 .scss 的結構，本文只會針對其中的變數檔案進行介紹，不需要會 .scss 也可以進行調整喔。

Q: 客製化環境是不是很複雜，如果沒有 gulp、webpack 使用經驗是否就無法？
不會，本章節介紹的方式僅需要使用 VSCode 即可（有安裝 Node.js 更好，但不強制）。

[實體活動] - Sass 進階技巧
上次介紹了快速建立 Sass 環境
而本次會來講解許多進階觀念
以及為什麼推薦使用 .scss 而不是使用 .sass
本次的介紹主題：
- 使用 sass map 進階技巧管理樣式
- 只要一個變數就能產生全模組樣式
- @for 迴圈產生 Grid System
- 純 CSS 難以達到的境界
- 閱讀 Bootstrap 原始碼
- 了解這些觀念，你將能懂 Bootstrap 奇妙地方

帶你一起顛覆 CSS 觀念～

報名時間：10/12 中午
活動時間：10/18 晚上七點

因為 廖洧杰 的推坑，現在要跟一堆高手 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/