bootstrap-4 - 引导程序：当我单击 x 按钮时引导程序警报未关闭

Question

我正在使用引导程序 4，当我单击 x 时，我的警报信息没有关闭。

在此站点上查看，我没有发现与此处提供的其他解决方案有任何不同。

我尝试添加下面的行，但它无论如何都不起作用

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

    <div class="panel-heading">
      <h1 style="text-align: center">Student</h1><br>
      <div class="row" [hidden]="!deleteMessage">
  
        <div class="col-sm-4"></div>
        <div class="col-sm-4">
          <div class="alert alert-info alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" >×</button>
            <strong>Student successfully deleted</strong>
          </div>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>

太感谢了

标签： bootstrap-4