bootstrap按钮样式有哪些?按钮样式属性分享!

猿友 2021-06-21 16:11:27 浏览数 (4458)
反馈

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的相关内容我们都可以在Bootstrap教程中进行学习和了解。


0 人点赞