0003 -- bootstrap 按钮的使用。

原创
2016/01/16 23:46
阅读数 312

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>


展开阅读全文
加载中

作者的其它热门文章

打赏
1
4 收藏
分享
打赏
0 评论
4 收藏
1
分享
返回顶部
顶部
返回顶部
顶部