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>
相关文章
相关标签/搜索