Bootstrap 允許您以?xún)煞N方式顯示代碼：
- 第一種是 <code> 標(biāo)簽。如果您想要內(nèi)聯(lián)顯示代碼，那么您應(yīng)該使用 <code> 標(biāo)簽。
- 第二種是 <pre> 標(biāo)簽。如果代碼需要被顯示為一個(gè)獨(dú)立的塊元素或者代碼有多行，那么您應(yīng)該使用 <pre> 標(biāo)簽。
請(qǐng)確保當(dāng)您使用 <pre> 和 <code> 標(biāo)簽時(shí)，開(kāi)始和結(jié)束標(biāo)簽使用了 unicode 變體： < 和 >。
讓我們來(lái)看看下面的實(shí)例：
實(shí)例
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 實(shí)例 - 代碼</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> 作為內(nèi)聯(lián)元素被包圍。</p>
<p>如果需要把代碼顯示為一個(gè)獨(dú)立的塊元素，請(qǐng)使用 <pre> 標(biāo)簽：</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
</body>
</html>
<html>
<head>
<title>Bootstrap 實(shí)例 - 代碼</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> 作為內(nèi)聯(lián)元素被包圍。</p>
<p>如果需要把代碼顯示為一個(gè)獨(dú)立的塊元素，請(qǐng)使用 <pre> 標(biāo)簽：</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
</body>
</html>
嘗試一下 ?
實(shí)例展示如下圖：
