我是twitter bootstrap的新手,并且一直在关注设置导航栏的在线教程。问题是,我根本无法按照示例的方式进行渲染。我检查过,并重新检查代码,看到没有语法错误任何明显的问题。这是我应该看到的我正在关注的例子。
1“正确呈现”
但是,这就是我得到的。
2“糟糕渲染”
我真的不知道为什么会这样。我的包含路径是正确的,文件来自TB网站的全新下载包。
这是我的完整代码。
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Unti</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/bootstrap-responsive.css">
</head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a href="#" class="brand">responsive test!</a>
<div class="nav-collapse collapse">
<ul class"nav">
<li> <a href="#">Testnav</a> </li>
<li> <a href="#">Testnav</a> </li>
<li> <a href="#">Testnav</a> </li>
</ul>
</div>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="assets/js/bootstrap.js"></script>
</body>
</html>
这是教程中的代码。
(http)://i.imgur.com/dMniiwF.jpg
答案 0 :(得分:3)
<ul class="nav">
你忘了在课后添加=