Почему это предупреждение не закрывается?

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.

Официальная документация по начальной загрузке указывает, что для активируемого щелчком элемента должен быть тег button.