0

我试图使用引导代码创建一个模式，但由于某种原因它对我不起作用。我什至尝试创建一个新的 html 文件并将代码放在那里，并将其链接到一个带有来自引导程序的 css 代码的 css 文件，但它在那里也不起作用。我在实际文件中使用以下代码 -

<a class="btn" data-toggle="modal" href="#myModal">Launch Modal</a>
<div class="modal hide" id="myModal">
 <div class="modal-header">
<button class="close" data-dismiss="modal">×</button>
<h3>Modal header</h3>
 </div>
 <div class="modal-body">
<p>One fine body…&lt;/p>
 </div>
 <div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Close</a>
<a href="#" class="btn btn-primary">Save changes</a>
</div>
</div>

它只是将此添加到我的网址的末尾 - #myModal

有人可以告诉我它可能有什么问题或给我模态的示例代码吗

任何帮助将不胜感激

4

1 回答 1

0

我的猜测是您没有正确加载引导程序

这是一个cdn，您可以从中加载引导程序（将其添加到您<head>的文档中）

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
于 2013-08-06T01:17:15.127 回答