怎样使用Bootstrap按钮

小编给大家分享一下怎样使用Bootstrap按钮，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联建站专业为企业提供虎丘网站建设、虎丘做网站、虎丘网站设计、虎丘网站制作等企业网站建设、网页设计与制作、虎丘企业网站模板建站服务，10多年虎丘做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

Bootstrap 按钮

如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式，具体如下表所示：

以下样式可用于, 原始按钮成功按钮信息按钮警告按钮危险按钮链接按钮

按钮大小

下表列出了获得各种大小按钮的 class：

大的原始按钮大的按钮

默认大小的原始按钮默认大小的按钮

小的原始按钮小的按钮

特别小的原始按钮特别小的按钮

块级的原始按钮块级的按钮

按钮状态

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

激活状态

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

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

默认按钮激活按钮

原始按钮激活的原始按钮

禁用状态

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

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

下面的实例演示了这点：

默认按钮禁用按钮

原始按钮禁用的原始按钮

链接禁用链接

原始链接禁用的原始链接

效果

怎样使用Bootstrap按钮

按钮标签

您可以在、

看完了这篇文章，相信你对“怎样使用Bootstrap按钮”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

当前标题：怎样使用Bootstrap按钮
本文来源：http://lszwz.com/article/jgidop.html

其他资讯

售后响应及时

7×24小时客服热线

数据备份

更安全、更高效、更稳定

价格公道精准

项目经理精准报价不弄虚作假

合作无风险

重合同讲信誉，无效全额退款

乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，乐山网站建设，乐山网站设计，乐山网页设计，乐山网站制作，品牌网站建设，营销网站建设，集团网站建设，企业网站建设，外贸网站建设，响应式网站建设，小程序开发，微信开发，企业形象设计，企业宣传视频等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。

友情链接交换友情链接

雨棚定制广东网站设计新都网站建设腾讯香港虚拟主机校园网站建设方案上海除甲醛温岭熙道网站郫县明安消防器材成都SEO优化犀浦防纹窗

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室 All Rights Reserved 蜀ICP备2021004003号-25

Copyright © 2022 青羊区小谭信息技术咨询服务工作室乐山建站工作室

蜀ICP备2021004003号-25