简单的twitter bootstrap测试将不会显示

时间:2013-07-19 11:24:00

标签: twitter-bootstrap

我是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

1 个答案:

答案 0 :(得分:3)

<ul class="nav">你忘了在课后添加=