Bootstrap - รหัส

Bootstrap ช่วยให้คุณแสดงรหัสด้วยสองวิธีหลักที่แตกต่างกัน -

  • อันดับแรกคือแท็ก <code> หากคุณกำลังจะแสดงโค้ดแบบอินไลน์คุณควรใช้แท็ก <code>

  • อันดับที่สองคือแท็ก <pre> หากจำเป็นต้องแสดงโค้ดเป็นองค์ประกอบบล็อกแบบสแตนด์อโลนหรือหากมีหลายบรรทัดคุณควรใช้แท็ก <pre>

ตรวจสอบให้แน่ใจว่าเมื่อคุณใช้แท็ก <pre> และ <code> คุณใช้ตัวแปร Unicode สำหรับแท็กเปิดและปิด - &lt; และ &gt;.

ให้เราดูตัวอย่างด้านล่าง -

<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>