Twitter bootstrap 3 引导模式窗口不显示'；即使使用数据解除标记也无法关闭

我正在使用

bootstrap

设计我的页面。但是，我在尝试关闭模式时遇到了一个问题。它就是关不上。通常，标签

data dismission=“modal”

应该根据教程进行操作。那么，这里有什么问题

以下是模式的代码：

<!--Dialog referred as by it id -->
<div class="modal fade" id="contact" role="dialog" 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">&times;
</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body&hellip;</p>
</div>
<div class="modal-footer">
<a class="btn btn-default" data-dismiss="modal">Close</a>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->      


<script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">   

</script>
<script src = "js/bootstrap.js"></script>
<script src="js/basic.js"></script>

&时代；
情态标题
一个好身体&hellip

接近

我已经测试了您的代码，在我这边运行良好

演示。

&时代；
情态标题
一个好身体&hellip

接近
启动演示模式

两个关闭按钮是否都不工作？？我是说一个在''中，一个在<代码>>中？我用你的JSFIDLE试过了，它工作正常，但它不能用wamp。我还是不明白

 <!--Dialog referred as by it id -->
<div class="modal fade" id="contact" role="dialog" 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">&times;
</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>One fine body&hellip;</p>
</div>
<div class="modal-footer">
<a class="btn btn-default" data-dismiss="modal">Close</a>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->      


<!-- Button trigger modal -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#contact">
  Launch demo modal
</button>