Bootstrap的代码显示

在有些专业的网站中，我们常需要显示代码，但是当我们软件在编译时，也会将我们需要展示的代码进行编译。在Bootstrap中为我们提供了两种方式显示代码：
第一种：<code> 标签。如果您想要内联显示代码，那么您应该使用 <code> 标签。

<p><code>&lt;header&gt;</code> 作为内联元素被包围。</p>

<：表示左尖括号----<
>：表示右尖括号---->

第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行，那么您应该使用 <pre> 标签。

<pre>&lt;article&gt;&lt;h1&gt;Article Heading&lt;/h1&gt;&lt;/article&gt;
</pre>

除了这两种方法，还有其他的方式来让我们显示不同的代码：

`变量赋值: x = ab + y`

<kbd> 按键提示： CTRL + P

<pre class=“pre-scrollable”> 多行代码带有滚动条

<samp>电脑程序输出: Sample output

Bootstrap的代码显示相关推荐

Bootstrap系列 -- 8. 代码显示
一. Bootstrap中的代码块代码块一般在博客中使用的较多,比较博客园中提供的贴代码. 在Bootstrap中提供了三种形式的代码显示 1. 使用<code></code> ...
解决Bootstrap中代码不高亮问题
背景:本人用node.js+bootstrap搭建的博客,可惜用marked解析markdown语法后,代码显示灰底黑字,样子很丑. 所以找到了这个方法,可以让代码高亮,虽然也不漂亮,但比原始状态稍好 ...
html+字体图标找不到字体,bootstrap中不显示字体图标问题怎么解决？
bootstrap中不显示字体图标的原因是什么?怎么解决?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 你在使用bootstrap字体图标的时候,是否遇 ...
vs代码显示波浪线，但没编译错误
参考:https://blog.csdn.net/everrisky/article/details/55833396 vs2015打开cocos2dx-3.14自带项目,代码显示波浪线,但没编译错误 ...
【Android 逆向】arm 汇编 ( 使用 IDA 解析 arm 架构的动态库文件 | 使用 IDA 打开 arm 动态库文件 | 切换 IDA 中汇编代码显示样式 )
文章目录一.使用 IDA 打开 arm 动态库文件二.切换 IDA 中汇编代码显示样式一.使用 IDA 打开 arm 动态库文件分析 Android SDK 中的 arm 架构的动态库 , 动 ...
内部代码显示苹果iOS 15.5 Beta新增支持外部链接支付
4月7日消息,据国外媒体报道,内部代码显示,在iOS 15.5 Beta版中,"阅读器"应用程序增加了外部支付渠道的支持. 在与监管机构进行长时间的斗争之后,如今苹果将在最新操作系 ...
应用FileInputStream类，编写应用程序，从磁盘上读取一个Java程序，并将源程序代码显示在屏幕上
应用FileInputStream类,编写应用程序,从磁盘上读取一个Java程序,并将源程序代码显示在屏幕上. package p1;import java.io.*; public class FI ...
计算机蓝屏代码0000a,win7电脑蓝屏代码显示0x0000001A的解决方法
这里为大家介绍的是解决win7电脑蓝屏代码显示0x0000001A的方法,在使用电脑的时候遇到蓝屏的问题想必已经是老生常谈了吧,不过对于出现蓝屏的原因有很多,每次出现蓝屏都会产生一个代码,只要知道了代 ...
asp.ne服务器代码显示http://l.longtailvideo.com/download/5/9/logo.png不可用，在Window Server2008 服务器上无法播放MP4媒体问题
一.最初网站问题: asp.ne服务器代码显示http://l.longtailvideo.com/download/5/9/logo.png不可用找到对应代码发现为Flash插件关闭,Flash过 ...