bootstrap樣式按鈕有：1、「.btn」圓角灰色按鈕；2、「.btn-lg」大按鈕；3、「.btn-sm」小按鈕；4、「.btn- xs」超小按鈕；5、「.btn-block」區塊級按鈕；6、「.disabled」停用樣式按鈕等等。
本教學操作環境：Windows7系統、bootsrap3.3.7版、DELL G3電腦
| #類別樣式 | 描述 |
|---|---|
| #### #####.btn######圓角灰色按鈕，為了讓按鈕不那麼尖銳，我們的按鈕都應該使用這個樣式來獲得圓角，然後再覆蓋上其他的特性。 ############.btn-default#######預設/標準按鈕，白色的按下灰色。 ############.btn-primary######原始按鈕樣式（未被操作），這個跟active相對應，他是一個按鈕沒被操作的樣式，而active是按鈕被點擊時顯示的對應的樣式。 | |
| .btn-success | 表示成功的動作 |
| .btn-info | 該樣式可用來要彈出資訊的按鈕 |
| .btn-warning | #表示需要謹慎操作的按鈕 |
| 表示一個危險動作的按鈕動作 | |
| 讓按鈕看起來像個連結(仍然保留按鈕行為) | |
| 大按鈕 | |
| 小按鈕 | |
| 超小按鈕 | |
| 區塊級按鈕(拉伸至父元素100%的寬度) | |
| 按鈕被點擊，按鈕在啟動時將呈現為被按壓的外觀（深色的背景、深色的邊框、陰影）。 | |
| 停用按鈕，顏色會變淡 50%，並失去漸層。 |
<div class="btn-group">
<button type="button" class="btn btn-default">按钮 1</button>
<button type="button" class="btn btn-default">按钮 2</button>
<button type="button" class="btn btn-default">按钮 3</button>
</div>
<div class="btn-group btn-group-lg"> <button type="button" class="btn btn-default">Button 1</button> <button type="button" class="btn btn-default">Button 2</button> <button type="button" class="btn btn-default">Button 3</button> </div> <div class="btn-group btn-group-sm"> <button type="button" class="btn btn-default">Button 4</button> <button type="button" class="btn btn-default">Button 5</button> <button type="button" class="btn btn-default">Button 6</button> </div> <div class="btn-group btn-group-xs"> <button type="button" class="btn btn-default">Button 7</button> <button type="button" class="btn btn-default">Button 8</button> <button type="button" class="btn btn-default">Button 9</button> </div>
以上是bootstrap樣式按鈕有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
