Bootstrap模态窗口问题

debugcn 发表于 Dev

用户名

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

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

<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>

需要明确的是，这是单击“联系人”链接后我的页面的样子：https : //www.dropbox.com/s/a8etlue21jfk1ti/Screenshot%202014-06-24%2017.54.27.png

任何建议将不胜感激。

拉维马利亚

你有几个问题。您尚未在导航栏中关闭divs ul。另外，您还没有正确评论此行等。详细信息：