Bootstrap 是一種流行的前端框架，它可以簡化網站開發的過程。在 Bootstrap 中，我們可以使用許多已經定義好的樣式和組件，而不需要自己寫CSS或JavaScript代碼。今天我們要提到的是如何在 Bootstrap 中引用 HTML 代碼。 通常情況下，我們希望在網頁中顯示某些 HTML 代碼，比如代碼示例或特殊標記。在 Bootstrap 中，最簡單的方式是使用 pre 標簽。pre 標簽表示預定義格式，可以保留文本中的格式和空格。下面是一些示例代碼：

下面是一個普通的 HTML 代碼：

<div class="container">
<h1>歡迎光臨</h1>
<p>這是我們的網站。</p>
</div>

在這個例子中，我們使用了一個 p 標簽來描述這段代碼的作用。而 pre 標簽就是我們要顯示的 HTML 代碼。注意，在 pre 標簽里面，我們使用了一個 code 標簽來顯示代碼，可以讓代碼的顏色更鮮明，并且增加了代碼的可讀性。 還有一點需要注意的是，pre 標簽會保留文本中的換行符和空格符。如果你不希望空格符被保留，可以在 pre 標簽中使用 white-space 屬性，將其設置為 nowrap。 總的來說，使用 pre 標簽來引用 HTML 代碼非常簡單。在Bootstrap 中，我們可以靈活運用 p 標簽和 pre 標簽來組合成適合我們網站風格的代碼示例。如果你想了解更多 Bootstrap 的使用技巧，可以查閱官方文檔或其他優質的教程。