Bootstrap允许您以两种方式显示代码：
第一种：<code>标签，如果您想要内联显示代码，那么您应该使用<code>标签。
第二种：<pre>标签，如果代码需要显示为一个独立的代码块元素或者代码有多行，那么您应该使用<pre>标签。
提示：请确保当您使用 <pre> 和 <code> 标签时，开始和结束标签使用了 unicode 变体： < 和 >。
实例：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Bootstrap历练作品：代码</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link type="text/css" rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.min.css" />
</head>
<body>
<p><code><header></code> 作为内联元素被包围</p>
<p>如果需要把代码显示为一个独立的块元素，请使用<pre><pre>标签</pre></p>
<pre>
<article>
<h1>Article Header</h1>
</article>
</pre>
<script src="Css/jquery-2.1.4.js"></script>
<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>