bootstrap中的alerts

最新推荐文章于 2019-05-07 15:51:43 发布

依然那么楞

最新推荐文章于 2019-05-07 15:51:43 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

文章标签： bootstrap alerts alert

本文链接：https://blog.youkuaiyun.com/ling811/article/details/16842689

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

效果图：