0003 -- bootstrap 按鈕的使用。

bootstrap中,按鈕有3種寫法,它的顏色有如下這幾種:html

btn btn-default
btn btn-primary
btn btn-danger
btn btn-success
btn btn-info

1. 使用 button 標籤做爲按鈕,設置 button 的 type 爲 button 、class 以上顏色中的一種:bootstrap

<button class="btn btn-default" type="button">按鈕</button>
<button class="btn btn-primary" type="button">按鈕</button>
<button class="btn btn-danger" type="button">按鈕</button>
<button class="btn btn-success" type="button">按鈕</button>
<button class="btn btn-info" type="button">按鈕</button>

2. 使用 input 標籤做爲按鈕,設置 input 的 type 爲 button 、class 以上顏色中的一種:    spa

<input type="button" class="btn btn-default" value="按鈕"/>
<input type="button" class="btn btn-primary" value="按鈕"/>
<input type="submit" class="btn btn-success" value="按鈕"/>

3. 使用 a 標籤做爲按鈕,設置 a 標籤的 role 爲 button 、class 以上顏色中的一種:code

<a href="#" role="button" class="btn btn-primary">按鈕</a>
相關文章
相關標籤/搜索