<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>

二、定制風(fēng)格

　　在Bootstrap框架中不同的按鈕風(fēng)格都是通過(guò)不同的類名來(lái)實(shí)現(xiàn)。

<button class="btn" type="button">基礎(chǔ)按鈕.btn</button>
<button class="btn btn-default" type="button">默認(rèn)按鈕.btn-default</button>
<button class="btn btn-primary" type="button">主要按鈕.btn-primary</button>
<button class="btn btn-success" type="button">成功按鈕.btn-success</button>
<button class="btn btn-warning" type="button">警告按鈕.btn-warning</button>
<button class="btn btn-danger" type="button">危險(xiǎn)按鈕.btn-danger</button>
<button class="btn btn-link" type="button">鏈接按鈕.btn-link</button>

三、按鈕大小

　　在Bootstrap框架中，對(duì)于按鈕的大小，也是可以定制的。　　

　　在Bootstrap框架中提供了三個(gè)類名來(lái)控制按鈕大?。?/p>

<button class="btn btn-primary btn-lg" type="button">大型按鈕.btn-lg</button>
<button class="btn btn-primary" type="button">正常按鈕</button>
<button class="btn btn-primary btn-sm" type="button">小型按鈕.btn-sm</button>

四、塊狀按鈕

　　Bootstrap框架中提供了一個(gè)類名“.btn-block”。按鈕使用這個(gè)類名就可以讓按鈕充滿整個(gè)容器，并且這個(gè)按鈕不會(huì)有任何的padding和margin值。在實(shí)際當(dāng)中，常把這種按鈕稱為塊狀按鈕。

<button class="btn btn-primary btn-lg btn-block" type="button">大型按鈕.btn-lg</button>
<button class="btn btn-primary btn-block" type="button">正常按鈕</button>
<button class="btn btn-primary btn-sm btn-block" type="button">小型按鈕.btn-sm</button>
<button class="btn btn-primary btn-xs btn-block" type="button">超小型按鈕.btn-xs</button>

五、按鈕禁用狀態(tài)

　　在Bootstrap框架中，要禁用按鈕有兩種實(shí)現(xiàn)方式：

　　方法1：在標(biāo)簽中添加disabled屬性

　　方法2：在元素標(biāo)簽中添加類名“disabled”

　　兩者的主要區(qū)別是：

　　“.disabled”樣式不會(huì)禁止按鈕的默認(rèn)行為，比如說(shuō)提交和重置行為等.

　　在元素標(biāo)簽中添加“disabled”屬性的方法是可以禁止元素的默認(rèn)行為的。

<button class="btn btn-primary btn-lg btn-block" type="button" disabled="disabled">通過(guò)disabled屬性禁用按鈕</button>
<button class="btn btn-primary btn-block disabled" type="button">通過(guò)添加類名disabled禁用按鈕</button>

今天再為大家補(bǔ)充一點(diǎn)新知識(shí)：Bootstrap表單提示信息

平常在制作表單驗(yàn)證時(shí)，要提供不同的提示信息。在Bootstrap框架中也提供了這樣的效果。使用了一個(gè)"help-block"樣式，將提示信息以塊狀顯示，并且顯示在控件底部。

<form role="form">
 <div class="form-group has-success has-feedback">
 <label class="control-label" for="inputSuccess1">成功狀態(tài)</label>
 <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態(tài)" >
 <span class="help-block">你輸入的信息是正確的</span>
 <span class="glyphicon glyphicon-ok form-control-feedback"></span>
 </div>
 <div class="form-group has-warning has-feedback">
 <label class="control-label" for="inputWarning1">警告狀態(tài)</label>
 <input type="text" class="form-control" id="inputWarning1" placeholder="警告狀態(tài)">
 <span class="help-block">請(qǐng)輸入正確信息</span>
 <span class="glyphicon glyphicon-warning-sign form-control-feedback"></span>
 </div>
 <div class="form-group has-error has-feedback">
 <label class="control-label" for="inputError1">錯(cuò)誤狀態(tài)</label>
 <input type="text" class="form-control" id="inputError1" placeholder="錯(cuò)誤狀態(tài)">

 <span class="glyphicon glyphicon-remove form-control-feedback"></span>
 </div>
</form>