警告框可以通过灵活的提供一些预定义信息,为用户反馈一些内容和提示。今天我们来介绍bootstrap警告框,有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

警告框
将文本和一个可选择的按钮放在一起,就是一个警告框,使用警告框必须设置.alert,还有其他的类可供选择。目前提供了成功、消息、警告或危险。
成功你有一条新消息警告!!!本次操作危险,是否继续?
![1617184022506861.png H`28EB6R9YG@I5CRF]{`B_U.png](https://img.php.cn/upload/image/477/697/123/1617184022506861.png)
可关闭警告框
在警告框中加入.alert-dismissible 类和一个关闭按钮,则成为一个可以关闭的警告框。为了保证该操作可行,需要给 元素添加 data-dismiss="alert" 属性。
警告! 本次操作有风险,是否继续?
![1617184315255016.png G36LWG71S8Z[BUV~]2)P[D3.png](https://img.php.cn/upload/image/628/588/635/1617184315255016.png)
警告中的链接
.alert-link 可以为链接设置与当前警告框相同的颜色。
此次就不演示了,演示了图片也看不出,还是自己亲身实践比较好。
推荐学习:Bootstrap视频教程










