Foro | Los últimos tutoriales de desarrollo web
 

Bootstrap CSS Tipografía Referencia


Bootstrap's los ajustes por defecto

Bootstrap's predeterminado global font-size es 14px, con una line-height de 1.428.

Esto se aplica a la <body> y todos los párrafos.

Además, todos los <p> elementos tienen un margen inferior que es igual a la mitad de su line-height computarizada (10px por defecto).


Tipografía

Los elementos siguientes son elementos HTML que va a ser de estilo un poco diferente por Bootstrap que por defecto del navegador. Mira las "Inténtalo" ejemplos para ver el resultado / diferencias.

Las clases siguientes se utiliza el estilo de los elementos más.

Elemento / Clase Descripción Ejemplo
<h1> - <h6>
or
.h1 - .h6
encabezamientos h6 - h1 Intentalo
<small> Crea un texto secundario del cigarrillo en cualquier rubro

Rumbo (texto secundario)

Intentalo
.small Indica el texto más pequeño (se establece en el 85% del tamaño de la matriz): El texto pequeño Intentalo
.lead Hace que un texto se destacan: Soporte fuera de texto Intentalo
<mark>
or
.mark
Aspectos destacados de texto: El texto resaltado Intentalo
<del> Indica el texto eliminado: El texto eliminado Intentalo
<s> Indica el texto ya no es relevante: Ya no texto relevante Intentalo
<ins> Indica el texto insertado: El texto insertado Intentalo
<u> Indica el texto subrayado: El texto subrayado Intentalo
<strong> Indica el texto en negrita: El texto en negrita Intentalo
<em> Indica el texto en cursiva: El texto en cursiva Intentalo
.text-left Indica el texto alineado a la izquierda Intentalo
.text-center Indica texto centrado Intentalo
.text-right Indica el texto alineado a la derecha Intentalo
.text-justify Indica el texto justificado Intentalo
.text-nowrap Indica que no hay ajuste de texto Intentalo
.text-lowercase Indica el texto en minúsculas: TEXTO minúsculas Intentalo
.text-uppercase Indica el texto en mayúscula: el texto en mayúscula Intentalo
.text-capitalize Indica el texto en mayúsculas: el texto en mayúsculas Intentalo
<abbr> La <abbr> elemento indica una abreviatura o acrónimo. Abreviaturas con un título atribuir tener un borde inferior de puntos y una ayuda cursor en vuelo estacionario, que proporciona un contexto adicional en vuelo estacionario. Intentalo
.initialism Muestra el texto dentro de la <abbr> elemento en un tamaño de fuente ligeramente más pequeña Intentalo
<address> Presenta información de contacto Intentalo
<blockquote> Indica bloques de contenido de otra fuente Intentalo
.blockquote-reverse Indica una blockquote con contenido alineado a la derecha Intentalo
<ul> Indica una lista desordenada Intentalo
<ol> Indica una lista ordenada Intentalo
.list-unstyled Elimina la lista de estilo por defecto y el margen izquierdo de elementos de la lista (funciona en ambos <ul> y <ol> ). Esta clase sólo se aplica a los elementos de la lista hijos inmediatos (para eliminar la lista de estilo por defecto de cualquier lista anidados, aplicar esta clase de listas anidadas también) Intentalo
.list-inline Lugares lista de todos los artículos en una sola línea Intentalo
<dl> Indica una lista de descripciones Intentalo
.dl-horizontal Alinea los términos y descripciones en el <dl> elemento de lado a lado. Empieza como predeterminado <dl>s , pero cuando la ventana del navegador se expande alinearse lado a lado Intentalo

Código

Elemento / Clase Descripción Ejemplo
<var> Indica variables: x = a b + y Intentalo
<kbd> Indica el ingreso que se introduce normalmente a través del teclado: CTRL + P Intentalo
<pre> Indica varias líneas de código Intentalo
<pre class="pre-scrollable"> Indica varias líneas de código con la barra de desplazamiento Intentalo
<samp> Indica un ejemplo de salida de un programa de ordenador: Ejemplo de salida Intentalo
<code> Indica fragmentos línea de código: span , div Intentalo