1、各種標簽實現按鈕效果:
<button class="btn btn-default" type="button">button標簽按鈕</button>
<input type="submit" class="btn btn-default" value="input標簽按鈕"/>
<span class="btn btn-default">span標簽按鈕</span>
<div class="btn btn-default">div標簽按鈕</div>
<a class="btn btn-default">啊哈哈</a>
注:雖然在Bootstrap框架中使用任何標簽元素都可以實現按鈕風格,但個人並不建議這樣使用,為了避免瀏覽器兼容性問題,個人強烈建議使用button或a標簽來制作按鈕。
2、各種按鈕效果:
3、各種按鈕的大小:
3、按鈕禁用:
方法1:在標簽中添加disabled屬性:
<button class="btnbtn-primary btn-lgbtn-block" type="button" disabled="disabled">通過disabled屬性禁用按鈕</button>
方法2:在元素標簽中添加類名“disabled”:
<button class="btnbtn-primary btn-block disabled" type="button">通過添加類名disabled禁用按鈕</button>
<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通過disabled屬性禁用按鈕</button> <button class="btn btn-primary btn-block disabled" type="button">通過添加類名disabled禁用按鈕</button> <button class="btn btn-primary btn-sm btn-block" type="button">未禁用的按鈕</button> </body>
4、關閉符:
<p>關閉圖標實例 <button type="button" class="close" aria-hidden="true"> × </button> </p>