Bootstrap<基礎四> 代碼

Bootstrap 容許您以兩種方式顯示代碼:

  • 第一種是 <code> 標籤。若是您想要內聯顯示代碼,那麼您應該使用 <code> 標籤。
  • 第二種是 <pre> 標籤。若是代碼須要被顯示爲一個獨立的塊元素或者代碼有多行,那麼您應該使用 <pre> 標籤。

請確保當您使用 <pre> 和 <code> 標籤時,開始和結束標籤使用了 unicode 變體: &lt; 和 &gt;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>&lt;header&gt;</code> 做爲內聯元素被包圍。</p>
<p>若是須要把代碼顯示爲一個獨立的塊元素,請使用 <pre> 標籤:</p>
<pre>
  &lt;article&gt;
    &lt;h1&gt;Article Heading&lt;/h1&gt;
  &lt;/article&gt;
</pre>
</body>
</html>

實例展現以下圖:jquery

代碼
 
相關文章
相關標籤/搜索