插件源文件: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版本:對應(yīng)bootstrap.css文件第2723行~第3082行
首先要說的是這一節(jié),討論的不是按鈕組件的制作,前面我們專門花了一節(jié)的篇幅介紹了Bootstrap框架中的“按鈕Buttons”的制作。在此處我們要討論的是Bootstrap框架中的“按鈕插件”。
大家在平時制作Web頁面時,或多或少碰到過下列這些情形:
? 點擊按鈕時,按鈕文字變?yōu)?ldquo;正在加載…”,一旦加載完之后又變回“獲取數(shù)據(jù)”。簡單點說就是控制按鈕狀態(tài),比如禁用狀態(tài)、正在加載狀態(tài)、正常狀態(tài)等;
? 按鈕切換狀態(tài)
? 按鈕模仿單選按鈕
? 按鈕模仿復(fù)選按鈕
如何使用Bootstrap框架中的按鈕,在此不做過多闡述,接下來的內(nèi)容,主要和大家一起探討B(tài)ootstrap框架中“按鈕插件”的使用。
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報