0003 -- bootstrap 按钮的使用。

bootstrap中,按钮有3种写法,它的颜色有以下这几种:

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

1. 使用 button 标签作为按钮,设置 button 的 type 为 button 、class 以上颜色中的一种:

<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 以上颜色中的一种:    

<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 以上颜色中的一种:

<a href="#" role="button" class="btn btn-primary">按钮</a>


你可能感兴趣的:(bootstrap)