怎样使用Bootstrap按钮
小编给大家分享一下怎样使用Bootstrap按钮,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
创新互联建站专业为企业提供虎丘网站建设、虎丘做网站、虎丘网站设计、虎丘网站制作等企业网站建设、网页设计与制作、虎丘企业网站模板建站服务,10多年虎丘做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
Bootstrap 按钮
如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示:
以下样式可用于,
下面的实例演示了上面所有的按钮 class:
效果
按钮大小
下表列出了获得各种大小按钮的 class:
效果
按钮状态
Bootstrap 提供了激活、禁用等按钮状态的 class,下面将进行详细讲解。
激活状态
按钮在激活时将呈现为被按压的外观(深色的背景、深色的边框、阴影)。
下表列出了让按钮元素和锚元素呈激活状态的 class:
禁用状态
当您禁用一个按钮时,它的颜色会变淡 50%,并失去渐变。
下表列出了让按钮元素和锚元素呈禁用状态的 class:
下面的实例演示了这点:
效果
按钮标签
您可以在 、
下面的实例演示了这点:
链接按钮
看完了这篇文章,相信你对“怎样使用Bootstrap按钮”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
网站栏目:怎样使用Bootstrap按钮
网页地址:http://scyanting.com/article/jgidop.html