为什么此警报没有关闭？

Question

体内的警报没有关闭，我试图寻找解决方法，但无法解决。有人在这里看到任何问题吗？这只是一种做法，但仍然想知道。

<div class="container">

    <div class="row" >
        <div class="col-12">
            <p> lorem</p>


            <p class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
  <strong>Success!</strong> Indicates a successful or positive action.
            </p>

        </div>
    </div>

</div>

<!--Content End-->
<script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>

Answer 1

尝试用a标签替换button标签。

official bootstrap documentation表示可点击元素应带有button标签。