插件源文件：button.js

引用地址：

<script src="http://cdn.bootcss.com/bootstrap/2.3.1/js/bootstrap-button.min.js"></script>

樣式文件：

? LESS版本：源文件buttons.less

? Sass版本：源文件_buttons.scss

? 編譯后的Bootstrap版本：對(duì)應(yīng)bootstrap.css文件第2723行～第3082行

首先要說(shuō)的是這一節(jié)，討論的不是按鈕組件的制作，前面我們專(zhuān)門(mén)花了一節(jié)的篇幅介紹了Bootstrap框架中的“按鈕Buttons”的制作。在此處我們要討論的是Bootstrap框架中的“按鈕插件”。

大家在平時(shí)制作Web頁(yè)面時(shí)，或多或少碰到過(guò)下列這些情形：

 ? 點(diǎn)擊按鈕時(shí)，按鈕文字變?yōu)?ldquo;正在加載…”，一旦加載完之后又變回“獲取數(shù)據(jù)”。簡(jiǎn)單點(diǎn)說(shuō)就是控制按鈕狀態(tài)，比如禁用狀態(tài)、正在加載狀態(tài)、正常狀態(tài)等；

 ? 按鈕切換狀態(tài)

 ? 按鈕模仿單選按鈕

 ? 按鈕模仿復(fù)選按鈕

如何使用Bootstrap框架中的按鈕，在此不做過(guò)多闡述，接下來(lái)的內(nèi)容，主要和大家一起探討B(tài)ootstrap框架中“按鈕插件”的使用。