請確保當您使用 <pre> 和 <code> 標籤時,開始和結束標籤使用了 unicode 變體: < 和 >。css
讓咱們來看看下面的實例:html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 實例 - 代碼</title>
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<script src="/scripts/jquery.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<p><code><header></code> 做爲內聯元素被包圍。</p>
<p>若是須要把代碼顯示爲一個獨立的塊元素,請使用 <pre> 標籤:</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
</body>
</html>
實例展現以下圖:jquery