html - Bootstrap 模式不工作

标签 html css twitter-bootstrap modal-dialog

我正在尝试使用 Bootstrap 代码创建模态,但出于某种原因,它对我不起作用。我什至尝试只创建一个新的 html 文件并将代码放在那里,并将它链接到一个带有来自 Bootstrap 的 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…</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>

它只是将它添加到我的 url 的末尾 - #myModal

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

任何帮助将不胜感激

最佳答案

我猜你没有正确加载 bootstrap

这是一个 cdn,您可以从中加载 Bootstrap (将其添加到文档的 <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>

关于html - Bootstrap 模式不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18070277/

相关文章:

javascript - 取消固定后输入位置

javascript - 单击时显示文本

html - 在 Bootstrap 中将导航栏向右移动

javascript - Bootstrap 弹出内容中的 Vue js v-model

javascript - 如何隐藏元素并在单击时显示新元素?

html - 如何删除 div 之间的空白?

javascript - file.files[0] 无法读取未定义的属性 '0'

asp.net - 删除打印网页中 gridview 之前的分页符

javascript - 如何在列表 (li) 元素上进行无限水平滚动

html - 如何使用 Bootstrap 跨设备保留网格布局?