bootstrap中的alerts

最新推荐文章于 2017-12-15 13:13:40 发布

原创最新推荐文章于 2017-12-15 13:13:40 发布 · 2.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootstrap #alerts #alert

本文详细介绍了HTML5中的警报框（alerts）的使用方法，包括不同类别的警报样式（alert-info, alert-block, alert-danger, alert-error, alert-success），并提供了示例代码和效果展示。

alerts中包含了：alert-info、 alert-block、alert-danger、alert-error、alert-success，根据自己的要求写东西

alerts的用法：

<div class="container" style="width:40%">
<div class="alert">
	<button type="button" class="close" data-dismiss="alert">关闭</button>
    <strong>警告！</strong>这是个警告标语~！
</div>
</div>

<div class="container" style="width:40%">
<div class="alert alert-info">
	<button type="button" class="close" data-dismiss="alert">关闭</button>
    <strong>警告！</strong>这是个警告标语~！
</div>
</div>

效果图：