Bootstrap 3 - 模态窗口问题

Question

我使用Bootrap 3及其Modal Window。这是我的测试代码显示我的问题：

<p><b><a href="#" onclick="return false;" data-toggle="modal" data-target="#modal-add-cart">SIMULATE ERROR</a></b></p>

<div id="modal-add-cart" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="modal-add-cart-label" aria-hidden="true">
<div class="modal-dialog">
  <div class="modal-content">
     <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h4 id="modal-add-cart-title">QUESTION</h3>
     </div>
     <div class="modal-footer">
        <button class="btn btn-danger btn-small" data-dismiss="modal" aria-hidden="true">STAY</button>
        <a class="btn btn-danger btn-small" href="new_page.php">CHANGE SITE</a>
     </div>
   </div>
</div>
</div>

这很好用。单击测试链接时，将显示“模态窗口”。我可以通过按钮和窗户内的x关闭窗口。当我再次点击我的测试链接时，模态窗口再次出现。但在第二次之后无法关闭那个窗口。有没有人知道如何改变这一点。