Bootstrap2用户指南
5.9.1 使用方法
阅读(

Bootstrap基础

Bootstrap框架

Bootstrap基本样式

Bootstrap组件

Bootstrap插件

概述

过渡

模态对话框

下拉菜单

滚动监听

标签页

工具提示

弹出提示

警告框

Bootstrap警告框插件Alert需要 bootstrap-alert.js 文件支持,在使用该插件之前,应该导入 jQuery 和 bootstrap-alert.js 文件。

使用方法

Bootstrap仅仅为警告框提供了一个关闭功能,可以通过JavaScript为某个警告框添加关闭功能。如:

<script>
$(".alert").alert('close')
</script>

如果不使用JavaScript,只需在HTML代码中,将 data-dismiss="alert" 属性添加到警告框的链接或按钮上,即可自动为某个警告框赋予关闭功能。如:

<div class="alert">
  <a class="close" data-dismiss="alert" href="#">&times;</a>
  ...
</div>

如果希望警告框以动画方式关闭,则要在HTML代码中,给最外层的容器同时添加 .fade 和 .in 类。如:

<div class="alert fade in">
  ...
</div>

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验