コードを twitter ブートストラップ バージョン 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>
実際のボタンよりも小さいですか?