2.1.1. Tipografía Bootstrap

El tamaño de fuente por defecto en Bootstrap es 14px, con un line-height de 1.428

Esto es aplicable al <body> y todos sus parrafos.

Además todos los elementos <p> tienen un margen inferior igual a la mitad de line-height (10px por default).

See the Pen RrQGpW by JOSE (@albatros) on CodePen.

Colores contextual y Backgrounds

Las clases para colores son : .text-muted, .text-primary, .text-success, .text-info, .text-warning, y .text-danger:

See the Pen WrMRve by JOSE (@albatros) on CodePen.

Las clases para el color de fondo son: .bg-primary, .bg-success, bg-info, bg-warning, y .bg-danger:

See the Pen BjYpLg by JOSE (@albatros) on CodePen.

Los siguientes elementos HTML presentan en Bootstrap, un estilo un poco diferente al que por defecto muestra el navegador.

Las clases cambian el estilo de dichos elementos.

Elemento/Clase Descripción
<small>

Veracruz (Rinconsito donde hacen su nido las olas del mar)

.small Indicates smaller text (set to 85% of the size of the parent): Smaller text
.lead Edzná es un sitio arqueológico maya, ubicado en el estado mexicano de Campeche
<mark>
or
.mark
Highlights text: Highlighted text
<del> El DDT es un insecticida no tóxico
<s> El DDT es un insecticidad no tóxico
<ins> Texto copiado tal y cual
.text-left Texto justificado a la izquierda
.text-center Texto centrado
.text-right Texto alineado a la derecha
.text-justify Indica texto justificado
.text-nowrap Indicates no wrap text
.text-lowercase Indicates lowercased text: LOWERCASED TEXT
.text-uppercase Indicates uppercased text: uppercased text
.text-capitalize Indicates capitalized text: capitalized text
.initialism Displays the text inside the <abbr> element in a slightly smaller font size
<address> Presents contact information
.blockquote-reverse Indicates a blockquote with right-aligned content
.list-unstyled Removes the default list-style and left margin on list items (works on both <ul> and <ol>). This class only applies to immediate children list items (to remove the default list-style from any nested lists, apply this class to any nested lists as well)
.list-inline Places all list items on a single line
.dl-horizontal Lines up the terms and descriptions in the <dl> element side-by-side. Starts off like default <dl>s, but when the browser window expands, it will line up side-by-side

Código

Elemento/Clase Descripción
<var> Indicates variables: x = ab + y
<kbd> Indica información proporciona por el usuario vía el teclado: CTRL + P
<pre> Indicates multiple lines of code
<pre class="pre-scrollable"> Indica múltiples líneas con scrollbar
<samp> Indica la respuesta de un programa de cómputo: Sample output
<code> Indicates inline snippets of code: span, div