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