Bootstrap JS 插件 互动版

插件概览
插件概览 data 属性 编程方式的 API 避免命名空间冲突 事件 过渡效果
模态框
模态框 modal.js 实例 尺寸 禁止动画效果 用法 参数 方法 事件
下拉菜单（Dropdown）插件
实例 用法 方法
滚动监听
导航条实例 用法 方法 参数 事件
标签页
实例 用法 淡入淡出效果 方法 事件
工具提示（Tooltip）插件
实例 用法 参数 方法 事件
弹出框
实例 用法 参数 方法 事件
警告框
实例 用法 方法 事件
按钮
加载状态 单个切换 复选框（Checkbox） 单选按钮（Radio） 方法
折叠（Collapse）插件
实例 可折叠的实例 用法 参数 方法 事件
轮播（Carousel）插件
实例 用法 参数 方法 事件
附加导航（Affix）插件
用法 通过 CSS 定位 参数
  1. 全部教程
  2. Bootstrap JS 插件
  3. Bootstrap JS 插件
  4. 用法
在线工具推荐： Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

用法

通过 data 属性

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

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

　　为了让警告框在关闭时表现出动画效果，请确保为其添加了 .fade 和 .in 类。

通过 JavaScript

　　通过 JavaScript 添加可取消功能：

$(".alert").alert()
在线互动课程