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

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

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

<button class="btn" type="button">基礎按鈕.btn</button>
<button class="btn btn-default" type="button">默認按鈕.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>

運行效果如下或查看右側結果窗口：

有關于按鈕風格定制的源碼可以查閱bootstrap.css文件第2081行～第2318行。