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>

原文地址:https://www.cnblogs.com/hack-ing/p/5891857.html