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="#">×</a>
...
</div>
如果希望警告框以动画方式关闭,则要在HTML代码中,给最外层的容器同时添加 .fade 和 .in 类。如:
<div class="alert fade in">
...
</div>
如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!
赏