google-code-prettify的样式linenums有关问题 _Web前端

google-code-prettify的样式linenums问题
在学bootstrap的时候，教程里面有个例子就是让代码高亮的。高亮那部分是没问题了就是，就是用google-code-prettify插件的.linenums出问题了，无法显示行号。求各位帮忙看下

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/prettify.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<!-- [if lt IE 9] >
    <script src="http://html5shim.googleecode.com/svn/trunk/html5.js"></script>
<![endif] -->
</head>
<body onLoad="prettyPrint()">
<div class="container">
  <h1 class="page-header">Google Prettify<small>让代码片断变得更漂亮</small></h1>
    <pre class="prettyprint pre-scrollable linenums">&lt;div class=&quot;container&quot;&gt;<br>	&lt;div class=&quot;row&quot;&gt;<br>    	&lt;div class=&quot;span6&quot;&gt;&lt;/div&gt;<br>        &lt;div class=&quot;span6&quot;&gt;&lt;/div&gt;<br>    &lt;/div&gt;<br>&lt;/div&gt;	    </pre>
</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/prettify.js"></script>
</body>
</html>