Bootstrap 代碼

2022-05-21 15:17 更新

Bootstrap 代碼

Bootstrap 允許您以兩種方式顯示代碼：

  • 第一種是 <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í)，開始和結(jié)束標(biāo)簽使用了 unicode 變體： < 和 >。

讓我們來(lái)看看下面的實(shí)例：

實(shí)例

<!DOCTYPE html>
<html>
<head>
  <title>Bootstrap 實(shí)例 - 代碼</title>
  <link rel="external nofollow" target="_blank" rel="stylesheet">
  <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js" rel="external nofollow" ></script>
  <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js" rel="external nofollow" ></script>
</head>
<body>

<p><code><header></code> 作為內(nèi)聯(lián)元素被包圍。</p>
<p>如果需要把代碼顯示為一個(gè)獨(dú)立的塊元素，請(qǐng)使用 <pre> 標(biāo)簽：</p>
<pre>
  <article&gt;
    &lt;h1&gt;Article Heading&lt;/h1&gt;
  &lt;/article&gt;
</pre>
</body>
</html>

嘗試一下 ?

實(shí)例展示如下圖：

代碼
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)