Bootstrap 3模态形式没有出现

Question

我有这个简单的模态形式用Bootstap 3完成,我不知道为什么当我点击按钮时它没有出现.

<div id="modal" class="modal hide fade in" style="display: none;">
    <div class="modal-header">  
        <a class="close" data-dismiss="modal">×</a>  
        <h3>Some title</h3>  
    </div>  
    <div class="modal-body">  
        <form id="modal-form" accept-charset="UTF-8" action="/mailing" data-remote="true" method="post">
            <label>Name:</label>
            <input type="text" class="span6">  

            <label>Email:</label>
            <input type="text" class="span6">  

            <label>Message:</label>
            <textarea type="text" class="span12" rows="4"></textarea>
        </form>
    </div> 
    <div class="modal-footer">
        <a href="#" class="btn btn-success">Send</a>  
        <a href="#" class="btn" data-dismiss="modal">Cancel</a>  
    </div>  
</div>

这是点击时应该显示此模态窗口的按钮:

<p class="text-center">
    <a data-toggle="modal" href="#modal" class="btn btn-success btn-lg">
        <span class="glyphicon glyphicon-envelope"></span>
                    Message me
    </a>
</p>

它与我在网络上看到的示例代码没有太大的不同,但我不能让模态窗口出现.

知道为什么它不起作用吗？

编辑:

这就是我包含Bootstrap JS文件的方式:

<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />

Answer 1

尝试hide从模态div中删除该类:
<div id="modal" class="modal fade in" style="display: none;">

Answer 2

你没有bootstrap的js文件。这些不是js文件，而是bootstrap的css文件。将其包含在 body 元素中的结束标记 </body> 之前

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

css和js文件都需要