Artículos
Bootstrap

Encabezados Bootstrap

29/Jul/2015

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

Código Fuente

Descárgate el código fuente de Encabezados Bootstrap
Y si te ha gustado nuestro código fuente puedes regalarnos una estrella Star

Vídeos sobre Bootstrap

Disfruta también de nuestros artículos sobre Bootstrap en formato vídeo. Aprovecha y suscribete a nuestro canal.

Test Bootstrap

¿Te atreves a probar tus habilidades y conocimiento en Bootstrap con nuestro test?

Test Bootstrap
Suscribir
Notificar de
guest
0 Comentarios
Opiniones integradas
Ver todos los comentarios