Bootstrap模式不起作用

我正在尝试使用Bootstrap模式。我已经导入bootstrap-modal.jsBootstrap模式不起作用

我需要触发使用按钮属性不是JS的模态。

这是我的代码，它不允许模态工作！

<!-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<!-- Modal --> 
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div>

来源

2012-12-19 Echo

您的代码工作正常。你还应该在你的页面中包含Jquery。在导入之前加入bootstrap.js

<script src="http://code.jquery.com/jquery-latest.js"></script>

另外不要忘记在引导区中链接引导程序的css文件。

<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

来源

2012-12-19 01:51:34 Rohith

Bootstrap模式不起作用

回答

相关问题