gpt4 book ai didi

html - Bootstrap 模式不工作

转载 作者:行者123 更新时间:2023-11-28 12:34:07 24 4
gpt4 key购买 nike

我正在尝试使用 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com