Bootstrap 警告框

<div class="panel panel-primary">
  <div class="panel-heading">
    <h3 class="panel-title">最新提醒</h3>
  </div>
  <div class="panel-body">
    <div class="alert alert-success" role="alert">
        <p><strong>提示</strong>您的订单(2014001)已经审批通过! </p>
        
    </div>
<div class="alert alert-info" role="alert">
    <p><strong>提示</strong>您的订单(2014002)被打回! </p>
</div>
<div class="alert alert-warning" role="alert">
    <p><strong>提示</strong>您的订单(2013001)客户付款延迟! 
    </div>
<div class="alert alert-danger" role="alert">
    
    <p><strong>提示</strong>您的订单(2013001)客户付款延迟!  </p>
    
    </div>
    
    
  </div>
  

 

效果:

posted @ 2017-09-19 13:31  1点  阅读(132)  评论(0编辑  收藏  举报