Un titular
Un párrafo con un enlace y un fragmento de código dentro.
Otro párrafo después del filete.
Fundamentos
Los estilos que el sistema aplica a las etiquetas HTML corrientes, sin ninguna clase. Son la base sobre la que se apoya todo lo demás.
La hoja incluye Bootstrap Reboot, que retira los estilos por defecto del navegador y homogeneiza el punto de partida entre unos y otros.
| Etiqueta | Qué recibe |
|---|---|
body | Fondo y fuente base, heredados por el resto. |
a | Color del enlace en reposo y al pasar el cursor. |
h1 a h4 | La familia, el peso y el tamaño de cada nivel de titular. |
code | Fondo y borde de los fragmentos de código en línea. |
hr | Un filete de un píxel en el color de separador, sin márgenes propios. |
label | Sin margen inferior: la separación entre un campo y su etiqueta la pone lo que los coloca. |
:focus-visible | El anillo de foco de teclado en enlaces, botones y campos. |
Un párrafo con un enlace y un fragmento de código dentro.
Otro párrafo después del filete.
<h2>Un titular</h2>
<p>Un párrafo con un <a href="javascript:void(0)">enlace</a> y un fragmento de <code>código</code> dentro.</p>
<hr>
<p>Otro párrafo después del filete.</p>La colocación es de quien usa las piezas: ni los elementos base ni las piezas del catálogo traen posicionamiento ni márgenes entre ellos. Las clases helper resuelven las agrupaciones más frecuentes.