gpt4 book ai didi

html - 下拉列表似乎不适用于版本 3

转载 作者:太空宇宙 更新时间:2023-11-04 14:25:25 25 4
gpt4 key购买 nike

我已经将我的代码更新为 twitter bootstrap 版本 3 并获得了 https://github.com/twbs/bootstrap/releases/download/v3.0.0/bootstrap-3.0.0-dist.zip .

我的下拉菜单仍然不起作用。代码:

<head>
<link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro|Libre+Baskerville:400,700,400italic|Titillium+Web' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/Homestyle.css">
<link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet" media="screen">

<title>My Title</title>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
</head>
<body>
....
....
....
<script type="text/javascript" src="bootstrap3/js/bootstrap.min.js"></script>
</body>

然后是实际的按钮下拉列表:

<div class="btn-group">
<button type="button" class="btn btn-danger">Delley Hangs</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Mijn profiel</a></li>
<li><a href="#">Mijn vrienden</a></li>
<li class="divider"></li>
<li><a href="#">Settings</a></li>
</ul>
</div>

我的代码或 Bootstrap 有什么问题?我认为这是我的错,但不知道哪里出了问题!

编辑:也是我的 <span class="caret"></span>比实际按钮小?

最佳答案

我让您的代码在使用 Bootstrap 3 CDN 和 jQuery 1.9.1 的 jsfiddle 中运行。也许你应该检查你的 jQuery 版本?我实际上并没有在您的 <head> 中看到 jQuery或之前 </body>有吗?

http://jsfiddle.net/remus/VTt7D/

我直接复制粘贴了你的代码,使用了这个CDN:http://www.bootstrapcdn.com/

关于html - 下拉列表似乎不适用于版本 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19596908/

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