Html 无法单击该按钮来取消该消息

我的模板上有这段代码，当用户登录时，它会在屏幕上显示一条警告消息，其中包含一个dismise按钮。我设法把它放在屏幕中央。然而，我不能点击按钮-可能是因为标题，但我不知道如何修复它。如何使按钮可点击

{% if user.is_authenticated %}
<div class="container-fluid">
    <div class="row">
        <div class="col-lg-6" style="float:none;margin:auto;padding:15px">
            <div class="alert alert-success alert-dismissible" role="alert">
                <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span></button>
                <p><i class="fa fa-check"></i> <strong>Hello {{ user.username }}! You have successfully logged in!</strong></p>
            </div>
        </div>
                </div>
            </div>
            {% endif %}

{%if user.u经过身份验证%}
&时代；
你好{{user.username}！您已成功登录

{%endif%}

---

谢谢。

只是一个旁白：到底谁在使用django？把Python作为一个解释器是一个混乱的想法HTML@FlashThunder. 谢谢你的建议。只是学习Django。你能指出什么是正确的方法吗？我的意思是使用一些PHP框架会更有效，更容易找到帮助。更不用说工作了。PHP从一开始就注定要做这样的事情，Python被有力地、综合地引入了这个角色。当然你想用什么就用什么，但是。。。我会重新考虑这个选择。PHP也更容易学习。