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