我正在制作一个Angular应用程序,并在Bower上安装了所有的lib . 检查控制台时,所有工作表/脚本都正确加载 . 我也有自己的bootstrap和jQuery定义 . 我从Bootstrap的网站复制了代码 .
我遇到的问题是汉堡包菜单永远不会出现 . 链接保持与屏幕大时完全相同 . 另一个问题是,即使站点很大,导航崩溃崩溃div也不会出现任何问题 . 似乎崩溃存在问题,这使两者都无法正常工作 . 建议?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jay - Web Developer</title>
<!-- For Angular Routing -->
<base href='/'>
<!-- CSS -->
<link rel="stylesheet" href="assets/libs/bootstrap/dist/css/bootstrap.min.css">
<!-- JS -->
<script src="assets/libs/angular/angular.min.js"></script>
<script src="assets/libs/angular-route/angular-route.min.js"></script>
<script src="assets/libs/angular-animate/angular-animate.min.js"></script>
<script src="assets/libs/jquery/dist/jquery.min.js"></script>
<script src="assets/libs/bootstrap/dist/js/bootstrap.js"></script>
<!-- APP -->
<script src="app/controllers/mainCtrl.js"></script>
<script src="app/app.routes.js"></script>
<script src="app/app.js"></script>
</head>
<body ng-app="jayPortfolio" ng-controller="mainController as main">
<!-- NAVBAR -->
<header>
<div class="navbar navbar-default">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar">About</span>
<span class="icon-bar">Portfolio</span>
<span class="icon-bar">Experience</span>
<span class="icon-bar">Contact</span>
</a>
<a class="brand" href="#">JAY</a>
<div class="nav-collapse collapse">
work please
</div>
</div>
</div>
</div>
</header>
</body>
</html>
2 回答
导航栏的标记不正确 . 标记应如下:
在
ul
元素中,放置菜单项 . 这应该够了吧 . 另见documentation page .对于
container
部分,语法更像是这样的: