在介紹按鈕開篇就說過，Web頁面可能會有不同的按鈕風(fēng)格。那么在Bootstrap框架也考慮了。在Bootstrap框架中除了默認(rèn)的按鈕風(fēng)格之外，還有其他六種按鈕風(fēng)格，每種風(fēng)格的其實都一樣，不同之處就是按鈕的背景顏色、邊框顏色和文本顏色。

在Bootstrap框架中不同的按鈕風(fēng)格都是通過不同的類名來實現(xiàn)，在使用過程中，開發(fā)者只需要選擇不同的類名即可：

使用起來就很簡單，就像前面介紹的默認(rèn)按鈕一樣的使用方法，只需要在基礎(chǔ)按鈕“.btn”基礎(chǔ)上追加對應(yīng)的類名，就可以得到需要的按鈕風(fēng)格。如：

<button class="btn" type="button">基礎(chǔ)按鈕.btn</button>
<button class="btn btn-default" type="button">默認(rèn)按鈕.btn-default</button>
<button class="btn btn-primary" type="button">主要按鈕.btn-primary</button>
<button class="btn btn-success" type="button">成功按鈕.btn-success</button>
<button class="btn btn-info" type="button">信息按鈕.btn-info</button>
<button class="btn btn-warning" type="button">警告按鈕.btn-warning</button>
<button class="btn btn-danger" type="button">危險按鈕.btn-danger</button>
<button class="btn btn-link" type="button">鏈接按鈕.btn-link</button>

運行效果如下或查看右側(cè)結(jié)果窗口：

有關(guān)于按鈕風(fēng)格定制的源碼可以查閱bootstrap.css文件第2081行～第2318行。