1. 程式人生 > >BootStrap之彈窗alert

BootStrap之彈窗alert

資訊彈窗:

<div class="row">
 <div class="col-md-4">
  <div class="alert alert-info">資訊提示框</div>
 </div>
</div>

效果圖:

成功資訊彈窗:

<div class="row">
 <div class="col-md-4">
  <div class="alert alert-success">成功提示框</div>
 </div>
</div>

效果圖:

警告彈窗:

<div class="row">
 <div class="col-md-4">
  <div class="alert alert-warning">警告提示框</div>
 </div>
</div>

效果圖:

錯誤提示窗:

<div class="row">
 <div class="col-md-4">
  <div class="alert alert-danger">錯誤提示框</div>
 </div>
</div>

效果圖: