Los encabezados Bootstrap no distan casi nada de lo que serían unos meros encabezados en HTML. Si bien hay que conocer un par de cosas que nos ofrecen los encabezados Bootstrap. Lo primero es saber que el elemento para los encabezados Bootstrap es el mismo que en HTML. Los encabezados que van desde el h1 hasta el h6.
Encabezado Bootstrap h1
Encabezado Bootstrap h2
Encabezado Bootstrap h3
Encabezado Bootstrap h4
Encabezado Bootstrap h5
Encabezado Bootstrap h6
Una vez que utilizemos estos elemento deberemos saber que los tamaños que se dan a los encabezados Bootstrap:
- H1, semibold 36px.
- H2, semibold 30px.
- H3, semibold 24px.
- H4, semibold 18px.
- H5, semibold 14px.
- H6, semibold 12px.
Aunque estos son los tamaños que van a utilizar los encabezados en Bootstrap por defecto siempre tendremos la posibilidad de modificar su estilo con tus propias hojas CSS.
Lo siguiente que debes de conocer de los encabezados Bootstrap es que les podemos poner un subtítulo al encabezado. De esta manera podemos detallar, en un texto menor el encabezado que estemos utilizando para nuestro texto.
Para poder poner subtítulos a los encabezados Bootstrap nos ofrece la siguiente estructura:
Encabezado Subtítulo del encabezado
Vemos que se utiliza el elemento small dentro del encabezado.
Así podríamos escribir el encabezado Bootstrap que representa a línea de Código.
Línea de Código Aprende a Programar