google-code-prettify的样式linenums问题

司徒俊雄
2023-12-01
在学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"><div class="container"><br> <div class="row"><br> <div class="span6"></div><br> <div class="span6"></div><br> </div><br></div> </pre>
</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/prettify.js"></script>
</body>
</html>
 类似资料: