zoukankan      html  css  js  c++  java
  • bootstrap常用的定义风格

    primary()     首选项

    success()     成功

    info()        一般信息

    warning()       警告

    danger()         危险

    <body>
       <br>
       <input type='button' value="默认样式">
       <input type='button' value="首选项" class="btn btn-primary">
       <input type='button' value="成功" class="btn btn-success">
       <input type='button' value="一般信息" class="btn btn-info">
       <input type='button' value="警告" class="btn btn-warning">
       <input type='button' value="危险" class="btn btn-danger">
    </body>

         <p>默认段落</p>
        <p class="bg-primary">首选项</p>
        <p class="bg-success">成功</p>
        <p class="bg-info">一般信息</p>
        <p class="bg-warning">警告</p>
        <p class="bg-danger">危险</p>
        <br>

     <span>默认文字</span>
        <span class="text-primary">首选项</span>
        <span class="text-success">首选项</span>
        <span class="text-info">首选项</span>
        <span class="text-warning">首选项</span>
        <span class="text-danger">首选项</span>
        <br>
        <a href="#" class="btn btn-primary">连接1</a>
        <a href="#" class="bg-success">连接2</a>
        <a href="#" class="text-danger">连接3</a>
        <br><br>
        <div class="alert alert-warning">我是警告框</div>
        <div class="alert alert-danger">我是危险信息</div>

        <div class="panel panel-primary">
         <div class="panel-heading">
             <h4>我是面板的标题</h4>
            </div>
            <div class="panel-body">
             我是面板的主体内容!
            </div>
        </div>

  • 相关阅读:
    Codeforces Round #696 (Div. 2) A
    软件体系结构期末复习
    LINUX 下配置 redis
    2020-09-30 刷题记录
    2020-09-29 刷题记录
    Codeforces Round #673 (Div. 2) A
    2020-09-26 刷题记录
    2020-09-25 刷题记录
    C++ 类虚函数实现原理的验证(指向包含类虚函数地址的数组的指针)
    Saleae8 与 SaleaeLogic、PulseView上位机的使用
  • 原文地址:https://www.cnblogs.com/hack-ing/p/5891857.html
Copyright © 2011-2022 走看看