首页 >web前端 >Bootstrap教程 >bootstrap按钮样式有哪些

bootstrap按钮样式有哪些

尚
原创
2019-07-31 13:46:469485浏览

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按钮样式有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn