Bootstrap Código
Bootstrap le permite mostrar código de dos maneras:
- La primera es la etiqueta <code>. Si desea mostrar código en línea, debe usar la etiqueta <code>.
- La segunda es la etiqueta <pre>. Si el código debe mostrarse como un elemento de bloque independiente o si el código tiene varias líneas, debe usar la etiqueta <pre>.
Asegúrese de que al usar las etiquetas <pre> y <code>, las etiquetas de apertura y cierre usen variantes unicode: <y>。
Veamos el siguiente ejemplo:
Ejemplo
<p><code><header></code>Se envuelve como elemento en línea.</p>
<p>Si necesita mostrar el código como un elemento de bloque independiente, use<pre>etiqueta:</p>
<pre>
<article>
<h1>Article Heading</h1>
</article>
</pre>
Pruébalo »
El ejemplo se muestra como se ve a continuación:
Más ejemplos
| Elemento/Clase | Descripción | Ejemplo |
|---|---|---|
| <var> | Asignación de variable:x = ab + y | Pruébalo |
| <kbd> | Indicación de teclas:CTRL + P | Pruébalo |
| <pre> | Código de varias líneas | Pruébalo |
| <pre class="pre-scrollable"> | Código de varias líneas con barra de desplazamiento | Pruébalo |
| <samp> | Salida del programa de computadora:Sample output | Pruébalo |
| <code> | Fragmento de código en la misma línea:span, div |
Pruébalo |