0

我已将代码更新为 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>

我的代码或引导程序有什么问题？我觉得是我的错，但不知道怎么回事！

编辑：我<span class="caret"></span>的也比实际的按钮小吗？

4

1 回答 1

1

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

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

我直接复制并粘贴了您的代码，并使用了此 CDN： http: //www.bootstrapcdn.com/

于 2013-10-25T18:31:41.173 回答