不同樣式的按鈕在任何網(wǎng)頁中，按鈕是常見的元素之一。一個好的按鈕樣式可以為網(wǎng)站帶來獨特的美感。下面我們來看一下Bootstrap中的按鈕吧。六種按鈕樣式在Bootstrap中，按鈕有六種不同的展現(xiàn)方式，

不同樣式的按鈕

在任何網(wǎng)頁中，按鈕是常見的元素之一。一個好的按鈕樣式可以為網(wǎng)站帶來獨特的美感。下面我們來看一下Bootstrap中的按鈕吧。

六種按鈕樣式

在Bootstrap中，按鈕有六種不同的展現(xiàn)方式，分別為默認(rèn)、主要、成功、信息、警告、危險和鏈接。

1. 默認(rèn)：btn-default

2. 主要：btn-primary

3. 成功：btn-success

4. 信息：btn-info

5. 警告：btn-warning

6. 危險：btn-danger

7. 鏈接：btn-link

其他標(biāo)簽中使用按鈕樣式

從上面的樣式可以看出來，其實在其他標(biāo)簽也可以使用按鈕樣式，而且同樣也可以達(dá)到我們想要的效果。比如，我們可以用一個默認(rèn)的樣式，將 "a" 鏈接改成一個按鈕。當(dāng)然，同樣的效果可以通過 span 元素實現(xiàn)，但是推薦使用 button 標(biāo)簽的方式，因為它更好地兼容不同的瀏覽器。

按鈕尺寸大小

Bootstrap還定義了一些樣式來控制按鈕的尺寸大小，包括最大樣式（btn-lg）、平板樣式（btn-sm）和手機版樣式（btn-xs），此外還有一個默認(rèn)樣式，即不使用 btn-* 的樣式。這些不同的樣式可以根據(jù)實際需求進(jìn)行選擇。

移動端適配

在移動端，有時候我們需要讓按鈕占一行，這樣顯示效果更加舒服和好看。這時可以使用樣式 btn-block，它的作用是使按鈕充滿父節(jié)點100%的寬度，并且將按鈕變?yōu)閴K級（block）元素。

禁用按鈕

如果想要禁用按鈕，可以使用 disabled"disabled" 屬性。但需要注意，在IE及更低版本中，這個屬性會繪制一個灰色的背景和陰影，目前還沒有辦法完全解決這個問題。

多做嘗試

學(xué)習(xí)Bootstrap中的按鈕樣式與使用方法，最重要的是去實踐、去嘗試。只有在實踐中遇到問題，我們才能找到解決問題的方法。因此，在學(xué)習(xí)的過程中，多嘗試不同的組合方法，讓自己出錯也是一種進(jìn)步。