Bootstrap 警告框插件Alert

警告框

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

使用方法

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

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

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

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

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

1. <div class="alert fade in">
2.   ...
3. </div>

   关于作者

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