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 上开源。

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

« 上一节← 键盘方向键翻页 →下一节 »