我不知道为什么当我点击按钮时导航栏不显示。我正在寻找代码中的错误,但我找不到它。我比较了来自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>
相关问题
- 1. Bootstrap导航栏切换按钮不起作用
- 2. Bootstrap导航栏切换按钮不起作用
- 3. 切换按钮崩溃在Bootstrap导航栏中不起作用
- 4. Bootstrap导航栏切换按钮不起作用asp.net
- 5. Bootstrap 4切换导航栏
- 6. bootstrap导航栏切换?
- 7. bootstrap导航栏切换不折叠
- 8. 将导航栏切换按钮对齐
- 9. Bootstrap 3.3.5 - 导航栏切换按钮无法在iphone上工作
- 10. Twitter Bootstrap:导航栏按钮没有显示或切换折叠
- 11. Bootstrap 3导航栏不会切换到“移动”版本
- 12. Bootstrap导航栏切换不会自动填充
- 13. Bootstrap导航栏切换不会打开点击
- 14. bootstrap 3导航栏切换不会显示任何内容
- 15. Bootstrap导航栏切换常开
- 16. Bootstrap导航栏切换背景颜色
- 17. 试图使用Bootstrap导航栏切换
- 18. Twitter Bootstrap 3具有不同图标的导航栏切换按钮
- 19. bootstrap导航栏按钮下拉不会消失点击
- 20. Bootstrap切换按钮不显示所有导航右侧项目
- 21. 为什么我的Bootstrap导航切换按钮不起作用?
- 22. bootstrap导航栏中的angularjs按钮
- 23. Vertical Bootstrap导航栏按钮未对齐
- 24. 导航栏切换按钮不起作用
- 25. 具有单一切换按钮的双引导导航栏
- 26. Bootstrap导航栏切换按钮在较小的屏幕尺寸上消失
- 27. Bootstrap导航栏切换按钮没有触发和菜单没有隐藏
- 28. Bootstrap 4 - 用切换按钮将链接移动到导航栏右侧
- 29. 导航栏按钮
- 30. 引导导航栏切换不开放
这将是你不错可以发布小提琴或codepen考试ple –
https://jsfiddle.net/x75e7Lq0/ –
链接到代码通常是不可接受的。将它们编辑成问题本身。 – Ares