我不知道爲什麼當我點擊按鈕時導航欄不顯示。我正在尋找代碼中的錯誤,但我找不到它。我比較了來自Youtube教程的代碼和來自互聯網的其他來源的代碼,所有代碼都與我的一樣。我附上了我的html代碼。我在下面的鏈接中附加了我的代碼。感謝您的幫助:)Bootstrap導航欄按鈕不會切換
0
A
回答
1
目標是誤拼寫:data-taget="#example"
應該data-target="#example"
例子:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#example" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h3> <a href="#">BrandName</a></h3>
</div>
<div class="collapse navbar-collapse" id="example">
<ul class="nav navbar-nav navbar-right">
<li><a class="active" href="#">Home</a>
</li>
<li><a href="#">Services</a>
</li>
<li><a href="#">About Us</a>
</li>
<li><a href="#">Blog</a>
</li>
<li><a href="#">Contact us</a>
</li>
</ul>
</div>
</div>
</nav>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
這將是你不錯可以發佈小提琴或codepen考試ple –
https://jsfiddle.net/x75e7Lq0/ –
鏈接到代碼通常是不可接受的。將它們編輯成問題本身。 – Ares