Bootstrap - Mã

Bootstrap cho phép bạn hiển thị mã bằng hai cách chính khác nhau -

  • Đầu tiên là thẻ <code>. Nếu bạn sắp hiển thị mã nội dòng, bạn nên sử dụng thẻ <code>.

  • Thứ hai là thẻ <pre>. Nếu mã cần được hiển thị như một phần tử khối độc lập hoặc nếu nó có nhiều dòng, thì bạn nên sử dụng thẻ <pre>.

Đảm bảo rằng khi bạn sử dụng thẻ <pre> và <code>, bạn sử dụng các biến thể unicode cho thẻ mở và thẻ đóng - &lt;&gt;.

Hãy cho chúng tôi xem một ví dụ bên dưới -

<p><code>&lt;header&gt;</code> is wrapped as an inline element.</p>
<p>To display code as a standalone block element use &lt;pre&gt; tag as:</p>

<pre>
   &lt;article&gt;
      &lt;h1&gt;Article Heading&lt;/h1&gt;
   &lt;/article&gt;
</pre>