javascript - 引导模态高亮不出现

我对Bootstrap模态的问题是，当我单击必须打开模态的按钮时，模型会很好地打开，但是没有突出显示，意味着我可以在任何地方单击，无论在哪里，它都会立即关闭自身并关闭模型的内容在“阴影”后面。如何使内容突出显示？我使用了一个类似的名为Lightbox V2的插件。试图禁用它，但同样的问题。

<button type="button" data-toggle="modal" data-target="#myModal" class="btn" >Regis</button>

<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Modal header</h3>
</div>
<div class="modal-body">
<p>One fine body…</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Save changes</button>
</div>
</div>

最佳答案

尝试从模式div中删除hide类：
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">