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>

  • 相关阅读:
    精选 TOP 面试题
    leecode100热题 HOT 100(2)
    leecode100热题 HOT 100
    leetcode题库
    LeetCode All in One 题目讲解汇总(持续更新中...)
    LVS负载均衡(LVS简介、三种工作模式、十种调度算法)
    Smart/400开发上手3: 练习实践
    Smart/400开发上手2: COBOL批处理程序处理过程
    Smart/400开发上手1:入门
    一步步Cobol 400上手自学入门教程06
  • 原文地址:https://www.cnblogs.com/hack-ing/p/5891857.html
Copyright © 2011-2022 走看看