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>您的订单（）已经审批通过！ </p>

    </div>
<div class="alert alert-info" role="alert">
    <p><strong>提示</strong>您的订单（）被打回！ </p>
</div>
<div class="alert alert-warning" role="alert">
    <p><strong>提示</strong>您的订单（）客户付款延迟！
    </div>
<div class="alert alert-danger" role="alert">

    <p><strong>提示</strong>您的订单（）客户付款延迟！  </p>

    </div>

  </div>
  

效果：