Bs的元件設計概念是源自於OOCSS-結構與樣式分離
元件組合規則
＃＃元件模組大致包含以下規則：
- 模組 （button, modal, pagination) /結構
- 主題 （theme colors, primary, danger..)/樣式
- 樣式 （整體size, style)/樣式
- 狀態 （active, disabled)/樣式
按鈕元件為例
- 當我們要加入按鈕結構時，在class中加入模組結構.btn
- 接著：
- 組成按鈕就是類似這些觀念：
特別的元件：容器元件
- 跟按鈕元件有很大的不同，沒有那麼多的主題色彩與結構狀態
- 主結構通常都在外層
- 次結構會依據功能性不同而在.card其後面的class加上語意化的尾綴詞標誌功能性
- 而容器元件套用色採我們會使用通用類別
- 外框線色彩： -border-primary / -border-secondary
- 背景色彩： -bg-primary / -bg-secondary
- 圖示一下容器結構：
- 這種容器元件很常與格線系統做搭配：
