Bootstrap警告框Alert插件使用方法

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

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

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

html代码

效果图:

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

效果

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

HTML代码

rush:xhtml;"> 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">×

警告!

您的网络连接有问题。

效果图:

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

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...