<div class="container"> <!-- 按鈕的背景色 --> <div class="row"> <button class="btn btn-default">確定</button> <button class="btn btn-primary">確定</button> <button class="btn btn-success">確定</button> <button class="btn btn-info">確定</button> <button class="btn btn-warning">確定</button> <button class="btn btn-danger">確定</button> <button class="btn btn-link">確定</button> </div> <!-- btn-block 讓按鈕的寬度變為100%,成為塊級元素--> <div class="row" style="margin-top: 20px"> <button class="btn btn-primary btn-block">確定</button> </div> <!-- 激活狀態--> <div class="row" style="margin-top: 20px"> <button class="btn btn-primary active">確定</button> <a href="#" class="btn btn-warning active">確定</a> </div> <!-- 禁用--> <div class="row" style="margin-top: 20px"> <button class="btn btn-primary active" disabled>確定</button> <button class="btn btn-info active disabled">確定</button> <a href="#" class="btn btn-warning">確定</a> </div> </div>
可以btn-lg, btn-md, btn-sm,btn-xs來設置按鈕大小的;
效果圖: