Bootstrap xdiseñadores

TIPOGRAFÍA

Para ampliar información:

http://getbootstrap.com/2.3.2/base-css.html
http://www.w3schools.com/bootstrap/bootstrap_ref_css_text.asp

Los valores por defecto de Bootstrap para la tipografía son:

En el body, el tamaño base, que se aplica en los párrafos, el font-size, es de 14px, con un interlineado line-height de 20px, 1.428em.
Los titulares:

  • h1. Semibold 36px
  • h2. Semibold 30px
  • h3. Semibold 24px
  • h4. Semibold 18px
  • h5. Semibold 14px
  • h6. Semibold 12px

Se puede usar la etiqueta small o la clase .small para definer un texto menor, el 85%.

<h1>Txto titular H1<small> texto secundario</small></h1>

Los párrafos tienen un margen superior e inferior de la mitad del interlineado, 10px

La etiqueta mark, se emplea para resaltar un elemento de línea.

En texto la marca <mark> resalta </mark> una palabra del texto.

Para la alineación del texto, emplearemos:

  • <p class="text-left">texto alineado a la izquierda.</p>
  • <p class="text-center"> texto alineado al centro.</p>
  • <p class="text-right"> texto alineado a la derecha.</p>
  • <p class="text-justify">texto Justificado. </p>
  • <p class="text-nowrap">texto que no rompe.</p>

Marcas para indicar si quieres el texto forzado a mayúsculas o minúsculas:

  • Texto en minúsculas. <p class="text-lowercase"> Texto en minúsculas.</p>
  • TEXTO EN MAYÚSCULAS. <p class="text-uppercase"> Texto en mayúsculas.</p>
  • Texto Con Capitulares. <p class="text-capitalize"> texto con capitulares.</p>

La etiqueta <abbr> se emplea para abreviaturas y siglas.

<p>La <abbr title="Organización de Naciones Unidas">ONU</abbr> fue fundada en 1945.</p>

La etiqeuta de cita <blockquote> puede definirse con la clase .blockquote-reverse si quieres el centrado a derecha.

la etuiqueta <code> se muestra en monoespaciada y color rojo.

La etiqueta <kbd>, se emplea para indicar que son teclas, se muestra con un color de fondo negro

Valora la importancia de los textos con diferentes colores, con las siguientes clases:
.text-muted, .text-primary, .text-success, .text-info,.text-warning, y .text-danger
Para colorear el fondo se emplean los mismos colores con bg:
.bg-primary, .bg-success, bg-info, bg-warning, y .bg-danger:

Otras etiquetas

.lead Para destacar un párrafo

.list-unstyled Borra los bolos y márgenes en la lista de items de las etiquetas <ul> y <ol>. Esta clase solo se aplica a los li que son dependientes del ul.

.list-inline Muestra los elementos de la lista en línea.

.pre-scrollable Hace que las cajas marcadas con <pre> sean escrolables.

LESS

Los tamaños de la tipografía están definidos en el archivo variables.less @font-size-base y @line-height-base.