温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

bootstrap按钮样式属性有哪些

发布时间:2022-02-24 14:09:55 来源:亿速云 阅读:187 作者:iii 栏目:开发技术

这篇文章主要介绍了bootstrap按钮样式属性有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇bootstrap按钮样式属性有哪些文章都会有所收获,下面我们一起来看看吧。

 类样式:

  •  .btn 圆角灰色按钮,为了让按钮不那么尖锐,我们的按钮都应该使用这个样式来获得圆角,然后再覆盖上其他的特性。

  •  .btn-default 默认/标准按钮,白色的按下灰色。

  •  .btn-primary 原始按钮样式(未被操作),这个跟active相对应,他是一个按钮没被操作的样式,而active是按钮被点击时显示的相应的样式。 

  • .btn-success 表示成功的动作 

  • .btn-info 该样式可用于要弹出信息的按钮

  •  .btn-warning 表示需要谨慎操作的按钮

  •  .btn-danger 表示一个危险动作的按钮操作

  •  .btn-link 让按钮看起来像个链接 (仍然保留按钮行为) 

  • .btn-lg 大按钮 .btn-sm 小按钮 .btn-xs 超小按钮

  •  .btn-block 块级按钮(拉伸至父元素100%的宽度)

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

  •  .disabled 禁用按钮,颜色会变淡 50%,并失去渐变。

关于“bootstrap按钮样式属性有哪些”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“bootstrap按钮样式属性有哪些”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI