Html 引导模式窗口的问题

第一次在这里发布。我已经搜索了整个网站，但找不到这个问题的答案，所以我希望有人能有个想法：

问题是，当单击主页上的“联系人”链接时，模式窗口显示内容（即按钮/文本），但当单击“关闭”按钮时，屏幕变灰且无响应

<div class = "modal fade" id = "contact" role = "dialog">
    <div class = "modal-dialog">
        <div class = "modal-content">
            <div class = "modal-header">
                <h4>Contact Tech Site</h4>
            </div>
            <div class = "modal-body">
                                <p>"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
            </div>
            <div class = "modal-footer">
                <button type="button" class = "btn btn-default" data-dismiss = "modal">Close</button>
                <button type="button" class = "btn btn-primary" data-dismiss = "modal">Save changes</button>
            </div>
        </div>
    </div>

</div>
</div>

联系技术网站
“Lorem ipsum door sit amet，adipising elit，sed do eiusmod temporal incident ut laboure and dolore magna aliqua。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔不轻率的行为外，还必须为自己的行为负责。”

接近
保存更改

要清楚，单击“联系人”链接后，我的页面是这样的：

---

任何建议都将不胜感激。

您有几个问题。您没有在导航栏中关闭

div

s、

ul

s。此外，您也没有正确注释此行

等详细信息：

您尚未关闭此div的

div

未关闭此ul的

ul

• 未关闭模式div的

  div

莫代尔运作良好
底线

---

为了得到你所期望的，你的HTML必须是干净的、语义清晰的，而不缺少任何结束元素，
启动模式的按钮/链接在哪里？你能发布代码吗？另外，你还有一个额外的
• 如果不知道你的代码在做什么，我会大胆猜测“灰色”“实际上是一个具有固定位置的div，其z指数大于模态的z指数。您是否尝试过手动将模式的z索引设置为更高的值？它看起来正常，在bootply上工作正常，因此问题可能在别处，而不是在您发布的代码中。这是个好消息。我只是在学习Bootstrap，并且几乎一行接一行地学习本教程：就其他地方而言，知道是什么导致了问题吗？这很有效！非常感谢。即使在原始代码中，我也没有意识到缺少div标记（我认为这只是代码片段中的一个错误）。我还注意到您的脚本标记列在标题中而不是底部。无论这是否是一个问题，我都对它进行了相应的编辑，现在模式运行良好。谢谢你的帮助。因为这是一把小提琴，它可能会把脚本放在头上。但是，最佳实践是始终在添加到body标记之前使用脚本。