bootstrap的元件Button
.btn 是設計為 <button> 元素一起使用。也可以使用在 <a> 或 <input> 元素。在<a> 元素上使用按鈕時，連結應加上 role="button" 傳達他們的目的到螢幕閱讀器等輔助性技術。
color
.btn-{color}
Outline buttons外框顏色
.btn-outline-{color}
size
.btn-lg 或 .btn-sm
block撐滿外部元素的寬
.btn-block
active啟用狀態
當啟用時，按鈕將出現按壓（背景較暗、邊框較暗、內陰影）。 沒有必要在 <button> 添加一個 Class，因為它們使用偽類。但是，如果需要以動態方式改變狀態，則可以使用 .active（並包括 aria-pressed="true" 屬性）套用相同的啟用外觀。
Disabled停用狀態
將 disabled 屬性添加到 <button> 上，使按鈕看起來處於停用狀態。<a> 不支援 disabled 屬性，所以必須添加 .disabled 使它在視覺上看起來被禁用。
<button type="button" class="btn btn-lg btn-primary" disabled>Primary button</button><a href="#" class="btn btn-primary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">Primary link</a>
注意：
<button>的disabled是加在屬性上，<a>的disabled是加上class上，因為<button>有支援disabled這個屬性，<a>不支援，所以用css來作到相同的效果，建議使用<button>功能性較為完整。
data-toggle=”button” 切換狀態
「單一按鈕」增加 data-toggle="button" 來切換按鈕 active 狀態。
Checkbox and radio buttons 核取方塊和選項按鈕
checkbox：多選。radio：單選，條件是 name=”xxx” 必須一樣。
按鈕群組加上 .btn-group-toggle 這個class是用來隱藏預設的 input □。
按鈕群組加上 data-toggle=”buttons” 啟用按鈕樣式的切換。（注意：這裡的data-toggle=”buttons” bottons為複數，因為按鈕不只一個。
