警告框

警告框组件通过提供一些灵活的预定义消息，为常见的用户动作提供反馈消息

基本实例

将任意文本和一个可选的关闭按钮组合在一起就能组成一个警告框，.alert 类是必须要设置的，另外我们还提供了有特殊意义的4个类（例如，.alert-success），代表不同的警告信息

xxxxxxxxxx
<div class="alert alert-success">我要努力学习哦</div>
<div class="alert alert-info">我要努力学习哦</div>
<div class="alert alert-warning">我要努力学习哦</div>
<div class="alert alert-danger">我要努力学习哦</div>

可关闭的警告框

为警告框添加一个可选的 .alert-dismissible 类和一个关闭按钮

xxxxxxxxxx
<div class="alert alert-warning alert-dismissible">
    <button type="button" class="close">&times;</span></button>
    <strong>Warning!</strong> Better check yourself, you're not looking too good.
</div>

警告框中的链接

用 .alert-link 工具类，可以为链接设置与当前警告框相符的颜色

xxxxxxxxxx
<div class="alert alert-success">
    <a href="#" class="alert-link">我要努力学习哦</a>
</div>
<div class="alert alert-info">
    <a href="#" class="alert-link">我要努力学习哦</a>
</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>

实时效果反馈

1. 下列实现警告框中带可以关闭效果是哪一个类：

A .alert

B .close

C .alert-link

D .badge

答案

1=>B