Bootstrap按钮状态

Bootstrap按钮状态

---

活动状态

1.活动状态

<div class=”btn btn-danger btn-lg active” role=”button”>大家好</div>

//注意active没有前缀，它是一种指令。

2.运行效果

注意：活动状态的颜色较深，相当于鼠标点击按下去的一种状态。

---

禁用状态

1.设置禁用状态

<div class=”btn btn-danger btn-lg”disabled role=”button”>大家好</div>

2.运行效果

注意：禁用就是它的透明度变成了百分之六十五，可以查看源代码。

3.禁用状态也有另一种设置方式

<div class=”btn btn-danger btn-lg disabled” role=”button”>大家好</div>

4.运行效果一样

5.同样可以禁用链接

<a href="http://www.baidu.com" class="btn btn-danger btn-lg disabled"role="button">大家好</a>

6.运行效果

7.需要注意

最后就是链接浏览器的兼容问题，下面两个都是用超链接来做的按钮，虽然它被disable掉了，但是还是能够点击。

在IE的低版本下，如果这个<a>标签做了按钮设了disable，当你点击这个按钮时，超链接依然有效。