一般制作按鈕除了使用<button>標(biāo)簽元素之外,還可以使用<input type="submit">和<a>標(biāo)簽等。同樣,在Bootstrap框架中制作按鈕時(shí),除了剛才所說(shuō)的這些標(biāo)簽元素之外,還可以使用在其他的標(biāo)簽元素上,唯一需要注意的是,要在制作按鈕的標(biāo)簽元素上添加類名“btn”。如果不添加是不會(huì)有任何按鈕效果。
我們一起來(lái)看看其他標(biāo)簽制作的基本按鈕效果:
<button class="btn btn-default" type="button">button標(biāo)簽按鈕</button> <input type="submit" class="btn btn-default" value="input標(biāo)簽按鈕"/> <a href="##" class="btn btn-default">a標(biāo)簽按鈕</a> <span class="btn btn-default">span標(biāo)簽按鈕</span> <div class="btn btn-default">div標(biāo)簽按鈕</div>
運(yùn)行效果如下或查看右側(cè)結(jié)果窗口:
注意:雖然在Bootstrap框架中使用任何標(biāo)簽元素都可以實(shí)現(xiàn)按鈕風(fēng)格,但個(gè)人并不建議這樣使用,為了避免瀏覽器兼容性問題,個(gè)人強(qiáng)烈建議使用button或a標(biāo)簽來(lái)制作按鈕。
我來(lái)試試:把a(bǔ)標(biāo)簽變成按鈕。
參考代碼:
<a href="##" class="btn btn-default">a標(biāo)簽按鈕</a>
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)