html - 如何在 Bootstrap 中发出关闭警报

Question

我想使用 Bootstrap 发出关闭警报。警报显示正确，但我无法关闭它。这段代码有什么问题吗？谢谢。

<div class="alert alert-warning alert-dismissable">
   <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
   <strong>Warning!</strong>
</div>

Answer 1

确保你已经在你的元素中添加了jquery和bootstrapjs文件

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

<div class=container>
  <div class="alert alert-warning alert-dismissable">
    <a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
    <strong>Warning!</strong>
  </div>
</div>