Bootstrap组件之警告框

.alert——指明div元素为警告框组件；

.alert-info、.alert-danger、.alert-warning、.alert-success——给警告框设置情景效果；

.alert-dismissible——提示该警告框组件为可关闭的；

.close——设置按钮为可关闭；

.alert-link——可以为链接设置与当前警告框相符的颜色；

警告框示例

国安掉队了

恒大仍是冠军的最有力争夺者

上港再次回到榜首位置

鲁能的状态总是起起伏伏

<div class="alert alert-info alert-dismissible" role="alert">
    <button type="button" class="close" data-dismiss="alert" aria-label="close">
        <span aria-disabled="true">×</span>
    </button>
    <strong>感谢您选择<要投哪></strong>
</div>

<div class="alert alert-success" role="alert">
    如果你想投资理财，请访问
    <a href="https://www.yanwz.cn" class="alert-link" target="\_blank">要投哪</a>
</div>