Bootstrap 允許您以兩種方式顯示代碼：
- 第一種是 <code> 標簽。如果您想要內聯顯示代碼，那么您應該使用 <code> 標簽。
- 第二種是 <pre> 標簽。如果代碼需要被顯示為一個獨立的塊元素或者代碼有多行，那么您應該使用 <pre> 標簽。
請確保當您使用 <pre> 和 <code> 標簽時，開始和結束標簽使用了 unicode 變體： < 和 >。
讓我們來看看下面的實例：
實例
<!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>
<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>
嘗試一下 ?
實例展示如下圖：
