视频教程分类
推荐视频教程
  • php程序员小白到大牛三个月集训php程序员小白到大牛三个月集训
  • Laravel 9 学习正当时—保姆级教程,想学不会都难!Laravel 9 学习正当时—保姆级教程,想学不会都难!
  • 千万级数据并发解决方案(理论+实战)千万级数据并发解决方案(理论+实战)
  • Laravel基础与实战(模块化)Laravel基础与实战(模块化)
  • UNI-APP开发(仿饿了么)UNI-APP开发(仿饿了么)
  • 首页 >web前端 >Bootstrap教程 > 正文

    bootstrap按钮样式有哪些

    原创2019-07-31 13:46:467963 关注公众号:每天精选资源文章推送

    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中文网其它相关文章!

    PHP小白到大牛线上直播班第二十期

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

  • 相关标签:bootstrap
  • 相关文章

    相关视频


    专题推荐