Bootstrap框架首先通過基礎(chǔ)類名“.btn”定義了一個基礎(chǔ)的按鈕風(fēng)格,然后通過“.btn-default”定義了一個默認的按鈕風(fēng)格。默認按鈕的風(fēng)格就是在基礎(chǔ)按鈕的風(fēng)格的基礎(chǔ)上修改了按鈕的背景顏色、邊框顏色和文本顏色。
/*源碼請查閱bootstrap.css文件第2040行~第2044行*/
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
使用默認按鈕風(fēng)格也非常的簡單,只需要在基礎(chǔ)按鈕“btn”的基礎(chǔ)上增加類名“btn-default”即可:
<button class="btn btn-default" type="button">默認按鈕</button>
運行效果如下或查看右側(cè)結(jié)果窗口:
我來試試:完成下面任務(wù)
在代碼編輯器中輸入代碼,完成添加默認按鈕。
參考代碼如下:
<button class="btn btn-default" type="button">默認按鈕</button>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報