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.