Bootstrap-Code
Bootstrap ermöglicht es Ihnen, den Code auf zwei Arten angezeigt werden:
- Der erste ist der <code> -Tag. Wenn Sie Inline-Code angezeigt werden soll, dann sollten Sie <code> Tag verwenden.
- Der zweite ist der Tag <pre>. Wenn der Code als ein separater Block-Element oder mehrere Code-Zeilen dargestellt werden muss, sollten Sie die <pre> Tag verwenden.
Stellen Sie sicher , dass , wenn Sie die <pre> und <code> -Tag, die Start- und End - Tags eine Unicode -Varianten verwenden: & lt; und & gt ;.
Schauen wir uns die folgenden Beispiele einen Blick:
Beispiele
<P> <code> & lt ; Header & gt; </ code> ist als Inline - Elemente umgeben. </ P>
<P> Wenn Sie den Code zu setzen erscheint als separates Blockelement verwenden & lt; pre & gt; Tag: </ p>
<Pre>
& Lt; Artikel & gt;
& Lt; h1 & gt; Artikel Überschrift & lt; / h1 & gt;
& Lt; / article & gt;
</ Pre>
Versuchen »
Beispiele zeigen folgendes Bild:
Weitere Beispiele
Element / Klasse | Beschreibung | Beispiele |
---|---|---|
<Var> | Variablenzuweisung: x = a b + y | versuchen |
<Kbd> | Key Tipp: STRG + P | versuchen |
<Pre> | Mehrere Zeilen Code | versuchen |
<Pre class = "pre-scrollable"> | Mehrere Zeilen Code mit einer Bildlaufleiste | versuchen |
<Samp> | Computer - Programm - Ausgang: Beispielausgabe | versuchen |
<Code> | Das gleiche Codezeile Fragment: span , div | versuchen |