按鈕樣式
Bootstrap提供七種樣式的按鈕：
為了實現上面的按鈕樣式， Bootstrap具有以下類：
-
.btn-default -
.btn-primary -
.btn-success -
.btn-info -
.btn-warning -
.btn-danger -
.btn-link
下面的例子顯示了不同的按鈕樣式的代碼：
例
<button type="button" class="btn btn-default">Default</button>
<button
type="button" class="btn btn-primary">Primary</button>
<button
type="button" class="btn btn-success">Success</button>
<button
type="button" class="btn btn-info">Info</button>
<button type="button"
class="btn btn-warning">Warning</button>
<button type="button" class="btn
btn-danger">Danger</button>
<button type="button" class="btn btn-link">Link</button> 試一試» 按鈕類可以在一個被用來<a> ， <button>或<input>元素：
例
<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input
type="submit" class="btn btn-info" value="Submit Button"> 試一試» 為什麼我們把#中的href鏈接的屬性？
由於我們沒有做任何頁面，鏈接到的，我們不希望得到一個"404"的消息，我們把#為紐帶。 在現實生活中應該當然是一個真正的網址“搜索”頁面。
按鈕大小
引導提供了四個按鈕尺寸：
定義不同尺寸的類是：
-
.btn-lg -
.btn-md -
.btn-sm -
.btn-xs
下面的例子顯示了不同的按鈕大小的代碼：
例
<button
type="button" class="btn btn-primary btn-lg">Large</button>
<button
type="button" class="btn btn-primary btn-md">Medium</button>
<button
type="button" class="btn btn-primary btn-sm">Small</button>
<button
type="button" class="btn btn-primary btn-xs">XSmall</button>
試一試» 塊級按鈕
塊級按鈕跨越父元素的整個寬度。
添加類.btn-block創建一個塊級按鈕：
主動/禁用的按鈕
的按鈕可以設置為活動（按顯示）或禁用（不可點擊）狀態：
類.active使一個按鈕按下出現，並且該類.disabled使按鈕無法點擊：
例
<button
type="button" class="btn btn-primary active">Active Primary</button>
<button type="button" class="btn btn-primary disabled">Disabled
Primary</button> 試一試» 自測練習用！
完整的引導按鈕參考
所有按鈕類的完整參考，請訪問我們完整的引導按鈕參考 。