Bootstrap源代码多行代码

一般使用 <pre> 标签来包裹多行代码，这会保证代码中的回车、换行、空格、制表符等原有格式不变。Bootstrap也为多行代码添加了背景颜色和边框。

从美观方面考虑，还可以对源代码进行语法高亮显示。网上有很多这样的插件，最著名的非 google 的 code prettify 插件莫属。这个插件非常好用，只需导入它的样式表和JS文件，并为 <pre> 标签添加 .prettyprint 类即可。如果要为源代码添加行号，再追加一个 .linenums 类就行了。如：

<pre class="prettyprint linenums">
$(function() {
$("#view").toggle(function() {
$("nav").hide();
$("[id=show]:checkbox").attr("checked", false);
},function() {
$("nav").show();
$("[id=show]:checkbox").attr("checked", true);
});
});
</pre>

效果如图 3‑21所示：

图3-21 Bootstrap多行代码样式

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

Bootstrap源代码多行代码相关推荐

Bootstrap 源代码之行内代码
源代码是指计算机程序的源码,或其他机器可以阅读的文本,如计算机程序.或函数名.XML元素名.或文件名等. Bootstrap中,有两种方式显示源代码,一种是使用 <code> 标签包裹行内 ...
java简单编译器源代码_25行代码实现一个简单的编译器
起因 <25行JavaScript语句实现一个简单的编译器>实现的是一个简单到不能再简单的玩具的玩具,他的魔法是函数式编程简化了js代码.java 8提供了函数式编程的支持,昨晚脑子抽风突 ...
python旋转地球源代码_90行代码让微信地球转起来，太酷了！（python实现）
原标题:90行代码让微信地球转起来,太酷了!(python实现) 点击图片,即可查看图书详情. 1.微信地球手机重启后打开微信的一瞬间,会看到一幅有名的图片,上面站着一个张小龙 . 你可曾想过这样 ...
python代码示例500行源代码-500行代码使用python写个微信小游戏飞机大战游戏
这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手. 帮助蹲厕族.YP族.饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手 / 右 ...
【编译和解释】【源代码和目标代码】【静态语言和脚本语言】
[编译和解释] 基本概念 1.源代码: 2.目标代码: 3.如何把人类可以阅读的程序变成机器可以执行的目标代码 ①编译: ②解释: ③对比编译和解释: ④静态语言和脚本语言: 基本概念 1.源代码: ...
pyquery获取不到网页完整源代码_爬虫神器之PyQuery实用教程（二），50行代码爬取穷游网...
爬虫神器之PyQuery实用教程(二),50行代码爬取穷游网前言上篇文章 PyQuery (一) 回顾.今天来介绍具体 PyQuery 的使用方法. 穷游网目标与分析开始之前,按照之前的套路一步 ...
python必背100源代码-100行Python代码实现一款高精度免费OCR工具
近期Github开源了一款基于Python开发.名为Textshot的截图工具,刚开源不到半个月已经500+Star. 这两天抽空看了一下Textshot的源码,的确是一个值得介绍的项目. 相对于大多 ...
人脸检测颜值源代码python_50行Python代码识别杨超越的颜值
行哥又又又又拿杨超越做封面了,只因为昨天群里有小伙伴想学下人脸识别但是如果要详细介绍的话,那这个故事得从opencv的那个夏天说起,对于python小白来说,门槛有点高.所以行哥今天先给大家介绍一个 ...
SAP系统和微信集成的系列教程之八：100行代码在微信公众号里集成地图搜索功能
本系列的英文版Jerry写作于2017年,这个教程总共包含十篇文章,发表在SAP社区上. 系列目录 (1) 微信开发环境的搭建 (2) 如何通过微信公众号消费API (3) 微信用户关注公众号之后,自 ...

Bootstrap源代码多行代码

Bootstrap源代码多行代码相关推荐

最新文章

热门文章