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