Encabezados Bootstrap

29/Jul/2015 Bootstrap Deja un comentario

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.

  1. <h1>Encabezado Bootstrap h1</h1>
  2. <h2>Encabezado Bootstrap h2</h2>
  3. <h3>Encabezado Bootstrap h3</h3>
  4. <h4>Encabezado Bootstrap h4</h4>
  5. <h5>Encabezado Bootstrap h5</h5>
  6. <h6>Encabezado Bootstrap h6</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:

  1. <h1>Encabezado <small>Subtítulo del encabezado</small></h1>

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.

  1. <h1>Línea de Código <small>Aprende a Programar</small></h1>

Vídeos sobre Bootstrap


¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*