我的模態不能在Bootstrap中工作，看不出有什么問題

Question

這是代碼。 我不明白為什么它不起作用也許這是javascript導入的問題？

多謝你們。

        <link href="Bootstrap,%20from%20Twitter_files/bootstrap.css" rel="stylesheet">
        <script src="bootstrap/js/jquery.js"></script>
        <script src="bootstrap/js/bootstrap.js"></script>


    <div class="container">  
    <h2>Example of creating Modals with Twitter Bootstrap</h2>  
    <div id="example" class="modal hide fade in" style="display: none; ">  
    <div class="modal-header">  
    <a class="close" data-dismiss="modal">×</a>  
    <h3>This is a Modal Heading</h3>  
    </div>  
    <div class="modal-body">  
    <h4>Text in a modal</h4>  
    <p>You can add some text here.</p>                
    </div>  
    <div class="modal-footer">  
    <a href="#" class="btn btn-success">Call to action</a>  
    <a href="#" class="btn" data-dismiss="modal">Close</a>  
    </div>  
    </div>  
    <p><a data-toggle="modal" href="#example" class="btn btn-primary btn-large">Launch demo modal</a></p>  
    </div>  
</body>
</html>

Answer 1

和我一起工作http://jsfiddle.net/SpYNe/133/

<div class="container">  
<h2>Example of creating Modals with Twitter Bootstrap</h2>  
<div id="example" class="modal hide fade">  
<div class="modal-header">  
<a class="close" data-dismiss="modal">×</a>  
<h3>This is a Modal Heading</h3>  
</div>  
<div class="modal-body">  
<h4>Text in a modal</h4>  
<p>You can add some text here.</p>                
</div>  
<div class="modal-footer">  
<a href="#" class="btn btn-success">Call to action</a>  
<a href="#" class="btn" data-dismiss="modal">Close</a>  
</div>  
</div>  
<p><a data-toggle="modal" role="button" href="#example" class="btn btn-primary btn-    large">Launch demo modal</a></p>  
</div>  

也許你的js路徑有問題。 你應該檢查一下