2023/09/08

Bootstrap的按鈕樣式

 Bootstrap 中提供了多種按鈕的 class,以下是常見的幾種:


1. `.btn-sm`:定義小型按鈕,適用於需要節省空間的場景。


2. `.btn-xs`:定義超小型按鈕,比 `.btn-sm` 還要小,通常用於需要非常節省空間的場景。


3. `.btn-outline-*`:定義空心按鈕,只有邊框和文本,沒有背景色,可與其他樣式組合使用。


4. `.btn-block`:定義滿寬度的按鈕,通常用於需要突出重點的場景,如登入、註冊等。


5. `.disabled`:定義禁用按鈕,使按鈕無法點擊,並改變按鈕外觀。


以上這些 class 可以與 `.btn` 樣式一起使用,以自定義按鈕的大小、樣式和行為。例如,`<button class="btn btn-primary btn-sm">Small Button</button>` 會創建一個小型、帶有主要顏色的按鈕。

沒有留言:

張貼留言