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>` 會創建一個小型、帶有主要顏色的按鈕。
沒有留言:
張貼留言