bootstrap有什么样式按钮
发表于:2026-11-03 作者:千家信息网编辑
千家信息网最后更新 2026年11月03日,这篇文章主要介绍了bootstrap有什么样式按钮,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。bootstrap样式按钮有:1、".
千家信息网最后更新 2026年11月03日bootstrap有什么样式按钮
这篇文章主要介绍了bootstrap有什么样式按钮,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
bootstrap样式按钮有:1、".btn"圆角灰色按钮;2、".btn-lg"大按钮;3、".btn-sm"小按钮;4、".btn-xs"超小按钮;5、".btn-block"块级按钮;6、".disabled"禁用样式按钮等等。
本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑
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有什么样式按钮"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
按钮
样式
篇文章
圆角
灰色
动作
深色
原始
尖锐
危险
成功
价值
信息
元素
兴趣
同时
外观
大小
宽度
教程
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
互联网科技
互联网科技有限公司
互联网是第几次科技革命的成果
互联网科技会
易通互联网络科技有限公司
兼蜜互联网科技
农村开互联网科技讲堂
中国的互联网科技企业的崛起
团飞科技与伯堂互联网服务平台
电子科技大学互联网创业大赛
国大互联网教育科技有限公司工作
华夏恒生互联网科技013171
互联网科技股为什么大涨
卡尔迅互联网科技有限公司
半导体行业属于互联网高科技类吗
江苏互联网智能科技产品出厂价
互联网科技平台产品运营
现代科技的标志之一的互联网
伍佰万互联网科技是干嘛的
恒生科技互联网指数十大成分股
国智互联网科技
互联网品科技
中资互联网科技
科技服务与互联网
互联网科技公司官网
互联网科技公司招聘
济南和联互联网科技有限公司
中国科技互联网公司收入
996高科技互联网公司
唐山双旺合互联网科技产业园