Bootstrap 按钮

2020-06-18 06:00:10易采站长站整理






结果如下所示:

按钮大小

按钮状态

Bootstrap 提供了激活、禁用等按钮状态的 class,下面将进行详细讲解。

激活状态

按钮在激活时将呈现为被按压的外观(深色的背景、深色的边框、阴影)。

下表列出了让按钮元素和锚元素呈激活状态的 class:

元素Class
按钮元素添加 .active class 来显示它是激活的。
锚元素添加 .active class 到 按钮来显示它是激活的。

下面的实例演示了这点:

实例

 




结果如下所示:

按钮激活状态

禁用状态

当您禁用一个按钮时,它的颜色会变淡 50%,并失去渐变。

下表列出了让按钮元素和锚元素呈禁用状态的 class:

元素Class
按钮元素添加 disabled 属性
锚元素添加 disabled class 到 按钮。

下面的实例演示了这点:

实例

 


相关文章 大家在看