Bootstrap警告框（Alert）插件使用方法

网络编程 发布日期：2024/10/1 浏览次数：1

正在浏览：Bootstrap警告框（Alert）插件使用方法

有以下两种方式启用警告框的可取消（dismissal）功能：

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

<a class="close" data-dismiss="alert" href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" aria-hidden="true">&times;</a> 

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

$(".alert").alert() 

html代码

<div class="alert alert-success"> 
   <a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" class="close" data-dismiss="alert" aria-hidden="true">√</a> 
   <strong>成功！</strong>您的网络连接已成功！ 
  </div>

效果图：

Bootstrap警告框（Alert）插件使用方法

3、下面是一些警告框（Alert）插件中有用的方法：

Bootstrap警告框（Alert）插件使用方法

效果图

Bootstrap警告框（Alert）插件使用方法

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

Bootstrap警告框（Alert）插件使用方法

html代码

<!DOCTYPE html> 
<html> 
 <head> 
  <title>Bootstrap 警告框（Alert）插件</title> 
  <meta charset="utf-8"> 
  <link rel="stylesheet" href="css/bootstrap.min.css" rel="external nofollow" >  
  <script src="/UploadFiles/2021-04-02/jquery.min.js">


效果图：


Bootstrap警告框（Alert）插件使用方法


以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
上一篇：图解Javascript——作用域、作用域链、闭包
下一篇：Bootstrap标签页（Tab）插件使用方法

一句话新闻

一文看懂荣耀MagicBook Pro 16
荣耀猎人回归！七大亮点看懂不只是轻薄本，更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象：要么轻薄但性能一般，要么性能强劲但笨重臃肿。然而，今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上，荣耀宣布猎人游戏本正式回归，称其继承了荣耀 HUNTER 基因，并自信地为其打出“轻薄本，更是游戏本”的口号。
众所周知，寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验，而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起，我们不禁对它产生了强烈的好奇：作为代表荣耀猎人游戏本的跨界新物种，它究竟做了哪些平衡以兼顾不同人群的各类需求呢？