在学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>
分享到：
相关推荐
`google-code-prettify` 默认提供了一套基础样式，但可以通过自定义CSS覆盖默认样式，以适应网站的主题。例如，修改代码背景色： ```css .prettyprint { background-color: #f8f8f8; } ``` ### 4. 扩展功能 - **...
"google-code-prettify"是一个流行的JavaScript库，用于在网页上美化代码片段。这个库主要设计用来让HTML页面中的代码块看起来更加整洁、易读，适用于开发者分享代码示例或者教程网站。它由Google开发并维护，是开源...
虽然`google-code-prettify`自身提供了基本的高亮样式，但你可能希望自定义更丰富的颜色主题。这可以通过引入额外的CSS样式文件实现，比如`prettify.css`。你可以在官方GitHub仓库或者其他社区资源找到各种主题样式...
color-themes-for-google-code-prettify, Google Code 美化的语法高亮颜色主题 用于 Google Code 美化的颜色主题Google Code 美化美丽色彩主题的选择。 演示...
2. **CSS代码美化**：它可以整理CSS选择器，对规则进行排序，保持样式表的整洁。 3. **JavaScript代码美化**：插件支持ES6及以下版本的JavaScript格式化，包括函数、对象、数组等结构的规范排版。 **此外，...
Sublime Text 3是一款广受开发者喜爱的...通过其强大的代码格式化功能，你可以专注于编写逻辑，而不用烦恼代码的排版问题，让每一次保存都成为一次代码的美化过程。无论是个人开发还是团队协作，这款插件都值得你拥有。
这有助于保持CSS文件的整洁，避免因样式混乱导致的问题。 3. **JS Prettify**：对于JavaScript，该工具可以处理变量声明、函数定义、条件语句、循环结构等，使其遵循标准的编码风格，如使用一致的缩进、插入缺失的...
<script src="https://cdn.jsdelivr.net/npm/google-code-prettify@latest/dist/prettify.min.js"> ``` 2. **CSS样式**：Prettify默认有一套基本的样式，但可能需要根据个人或项目的需要自定义CSS样式。 3. **标记...
`google-code-prettify`会自动识别`lang-matlab`类，并为MATLAB代码进行语法高亮。 总结起来，MATLAB代码续行是通过在行尾添加反斜杠实现的，而`google-code-prettify`是一个用于网页上的代码美化工具，对于在HTML...
通过`bower install bower-google-code-prettify`命令，开发者可以在项目中轻松引入Google Code Prettify，确保所有团队成员都能快速地配置和使用这个库。 在压缩包文件"bower-google-code-prettify-master"中，...
`google-code-prettify`库并不直接处理代码续行的问题，它的主要作用是通过添加CSS样式和HTML标签来实现代码的高亮显示。然而，当你在网页中展示MATLAB代码，并希望保持原始的续行时，可以借助这个库和其他辅助工具...
`code-prettify`是由Google开发的一个轻量级的JavaScript库，它的主要目标是使网页中的源代码片段看起来更整洁、更易于阅读。`code-prettify-master`是这个库的一个版本，包含了完整的源码和示例，便于开发者理解和...