• 技术文章 >web前端 >前端问答

    bootstrap按钮颜色属性有几种

    青灯夜游青灯夜游2021-11-11 14:25:20原创446

    按钮颜色属性有7种:1、“btn-primary”;2、“btn-info”;3、“btn-success”;4、“btn-warning”;5、“btn-danger”;6、“btn-inverse”;7、“btn-default”。

    本教程操作环境:Windows7系统、bootsrap3.3.7版、DELL G3电脑

    bootstrap 按钮颜色属性有7种:

    1.png

    bootstrap中可以使用下面列出的类可以快速创建一个带有预定义样式的按钮。

    <!-- Standard button -->
    <button type="button" class="btn btn-default">(默认样式)Default</button>
    
    <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
    <button type="button" class="btn btn-primary">(首选项)Primary</button>
    
    <!-- Indicates a successful or positive action -->
    <button type="button" class="btn btn-success">(成功)Success</button>
    
    <!-- Contextual button for informational alert messages -->
    <button type="button" class="btn btn-info">(一般信息)Info</button>
    
    <!-- Indicates caution should be taken with this action -->
    <button type="button" class="btn btn-warning">(警告)Warning</button>
    
    <!-- Indicates a dangerous or potentially negative action -->
    <button type="button" class="btn btn-danger">(危险)Danger</button>
    
    <!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
    <button type="button" class="btn btn-link">(链接)Link</button>

    2.png

    推荐学习:《bootstrap使用教程

    以上就是bootstrap按钮颜色属性有几种的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:bootstrap用什么表格插件 下一篇:bootstrap哪个类可以实现标签
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• js与bootstrap的区别是什么• bootstrap v4 v3的区别是什么• 一般开发用什么bootstrap ui工具• bootstrap modal是什么意思• bootstrap和vue能一起用吗
    1/1

    PHP中文网