Bootstrap警告框(Alert)插件使用方法

前端之家收集整理的这篇文章主要介绍了Bootstrap警告框(Alert)插件使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

有以下两种方式启用警告框的可取消(dismissal)功能

1、通过 data 属性:通过数据 API(Data API)添加可取消功能,只需要向关闭按钮添加 data-dismiss="alert",就会自动为警告框添加关闭功能

2、通过 JavaScript添加可取消功能:

html代码

效果图:

3、下面是一些警告框(Alert)插件中有用的方法

效果

4、下表列出了警告框(Alert)插件中要用到的事件。这些事件可在函数中当钩子使用。

HTML代码

Bootstrap 警告框(Alert)<a href="https://www.jb51.cc/tag/chajian/" target="_blank" class="keywords">插件</a> <Meta charset="utf-8">
警告框(Alert)插件 alert() 方法
nofollow" rel="external nofollow" rel="external nofollow" class="close" data-dismiss="alert">×

警告!

您的网络连接有问题。

效果图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/bootstrap/40570.html

猜你在找的Bootstrap相关文章