Javascript 引导模式不'；单击时不显示，而是影响<；车身>；标签

我的页面上有以下Html，用于显示模式，非常基本，对吗？ 这是在我的页面底部

<a class="btn" data-toggle="modal" href="#myStupidModal">Launch Modal</a>

<div class="modal hide" id="myStupidModal">
<div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
</div>
<div class="modal-body">
    <p>One fine body…</p>
</div>
<div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
</div>

×
模态头
一个好身体

当我单击“启动模式”时，我的页面会闪烁，滚动条会显示，但当我再次单击“启动模式”时，页面会闪烁，滚动条会再次显示，因此我决定检查firebug，查看是否出现了任何错误，错误计数=0

然后我查看我的HTML，这是我在单击“启动模式”时看到的内容

点击前

单击后，您可以看到样式被分配给Html文档的标记？呵呵？怎样为什么?

---

这是怎么发生的？模态有什么问题？我以前在使用引导模式时从未遇到过这种情况。

看看这个@ArpitSrivastava谢谢，我复制了一个示例，我可以看到模型出现，但当我单击“启动模式”时，它应用class=“Modal open”样式=“向右填充：17px到我的HTML页面的body标记，这会导致页面移动，然后当我关闭模型时，页面会移回其起始位置，你能不能告诉我？？？

class=“modal hide”

对于Bootstrap v3是错误的。应该是

class=“modal”

。我也有同样的问题。有人能帮忙吗？？