Bootstrap框架針對(duì)按鈕的狀態(tài)做了一些特殊處理。在Bootstrap框架中針對(duì)按鈕的狀態(tài)效果主要分為兩種：活動(dòng)狀態(tài)和禁用狀態(tài)。

Bootstrap按鈕的活動(dòng)狀態(tài)主要包括按鈕的懸浮狀態(tài)(:hover)，點(diǎn)擊狀態(tài)(:active)和焦點(diǎn)狀態(tài)（:focus）幾種。
/*源碼請(qǐng)查看bootstrap.css文件第2011行～第2029行*/

.btn:focus,
.btn:active:focus,
.btn.active:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

而且不同風(fēng)格下的按鈕都具有這幾種狀態(tài)效果，只是顏色做了一定的調(diào)整，我們以默認(rèn)風(fēng)格（btn-default）為例：
/*源碼請(qǐng)查看bootstrap.css文件第2045行～第2058行*/

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}

當(dāng)按鈕處理正在點(diǎn)擊狀態(tài)（也就是鼠標(biāo)按下的未松開(kāi)的狀態(tài)），對(duì)于<button>元素是通過(guò)“:active”偽類實(shí)現(xiàn)，而對(duì)于<a>這樣的標(biāo)簽元素則是通過(guò)添加類名“.active”來(lái)實(shí)現(xiàn)。