尝试开始学习 Bootstrap。我创建了很少的代码来创建响应式菜单,就像这样
<head>
<meta charset="UTF-8">
<title>Bootstrap</title>
<link rel="stylesheet" type="text/css" href="CSS/bootstrap.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Application Name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Home</a></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript" src="JS/bootstrap.js"></script>
</body>
</html>
我的问题是,为什么当我尝试在小型浏览器中选择菜单时,菜单没有显示? 有人可以告诉我为什么吗? 谢谢
最佳答案
我猜你没有加载 jQuery。把这个放在你的标题中,看看它是否有效:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
我还建议在 header 中加载 bootstrap js 文件,就在 jQuery 库之后。
关于html - 导航栏崩溃在 Bootstrap 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20537743/