警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。
警告（Alerts）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width = device-width,initial-scale = 1.0">
<link rel="stylesheet" href="bootstrap.min.css">
<script src = "js/jquery-1.11.2.min.js"></script>
<script src = "js/bootstrap.min.js"></script>
<title>CSSDemo</title>
</head>
<body>
<div class="container">
<div class="col-lg-3">
<div class="alert alert-success">成功信息。</div>
<div class="alert alert-info">提示信息。</div>
<div class="alert alert-warning">警告信息。</div>
<div class="alert alert-danger">错误信息。</div>
</div>
</div>
</body>
</html>
可取消的警告（Dismissal Alerts）
创建一个可取消的警告（Dismissal Alert）过程例如以下：
- 通过创建一个 <div>。并向其加入一个 .alert class 和四个上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert-danger）之中的一个，来加入一个主要的警告框。
- 同一时候向上面的 <div> class 加入可选的 .alert-dismissable。
- 加入一个关闭button。
<body>
<div class="container">
<div class="col-lg-3">
<div class="alert alert-success alert-dismissable">成功信息。
<button type="button" class="close" data-dismiss = "alert" aria-hidden="false">×</button>
</div>
<div class="alert alert-info">提示信息。
<button type="button" class="close" data-dismiss = "alert" aria-hidden="true">×</button>
</div>
<div class="alert alert-warning">警告信息。</div>
<div class="alert alert-danger">错误信息。
</div>
</div>
</div>
</body>
警告（Alerts）中的链接
<body>
<div class="container">
<div class="col-lg-3">
<div class="alert alert-success alert-dismissable">
<a href="#" class="alert-link">成功信息。</a>
<button type="button" class="close" data-dismiss = "alert" aria-hidden="false">×</button>
</div>
<div class="alert alert-info">
<a href="#" class="alert-link">提示信息。</a>
<button type="button" class="close" data-dismiss = "alert" aria-hidden="true">×</button>
</div>
<div class="alert alert-warning">
<a href="#" class="alert-link">警告信息。</a>
</div>
<div class="alert alert-danger">
<a href="#" class="alert-link">错误信息。</a>
</div>
</div>
</div>
</body>
.alert .alert-link的font-weight:700，因此能够看出字体有加粗