现在的位置: 首页 > web前端 > 正文

bootstrap按钮样式有哪些

2020年01月04日 web前端 ⁄ 共 488字 ⁄ 字号 评论关闭

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按钮样式有哪些的详细内容,更多请关注学步园其它相关文章!

抱歉!评论已关闭.