Tipografía

Rumbo 1

Rumbo 2

Rumbo 3

Rumbo 4

Rumbo 5

Rumbo 6

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Este es un párrafo principal. Se destaca de los párrafos regulares.

Puede utilizar la etiqueta de marca para destacar texto.

Esta línea de texto debe tratarse como texto eliminado.

Ésta línea de texto se debe de considerar no correcta.

Esta línea de texto debe tratarse como una adición al documento.

Esta línea de texto aparecerá como subrayada.

Esta línea de texto debe tratarse como letra pequeña.

Esta línea se muestra como texto en negrita.

Esta línea se muestra como texto en cursiva.

Una cita conocida, contenida en un elemento blockquote.

Alguien famoso de Fuente Título
  • Esta es una lista.
  • Parece completamente sin estilo.
  • Estructuralmente, sigue siendo una lista.
  • Sin embargo, este estilo solo se aplica a los elementos secundarios inmediatos.
  • Listas anidadas:
    • no se ven afectados por este estilo
    • todavía mostrará una bala
    • y tener el margen izquierdo apropiado
  • Esto puede resultar útil en algunas situaciones.
  • Este es un elemento de la lista.
  • Y otro.
  • Pero se muestran en línea.

Imágenes

marcador de posiciónImagen receptiva
Una imagen de marcador de posición cuadrada genérica con un borde blanco alrededor, lo que la hace parecerse a una fotografía tomada con una cámara instantánea antigua200 × 200

Mesas

#NombreApellidoManejar
1Marcocho@mdo
2JacobThornton@grasa
3larry el pájarotwitter
#NombreApellidoManejar
1Marcocho@mdo
2JacobThornton@grasa
3larry el pájarotwitter
ClaseTítuloTítulo
PredeterminadoCelularCelular
PrimariaCelularCelular
SecundariaCelularCelular
éxitoCelularCelular
PeligroCelularCelular
advertenciaCelularCelular
InfoCelularCelular
PesoCelularCelular
OscuroCelularCelular
#NombreApellidoManejar
1Marcocho@mdo
2JacobThornton@grasa
3larry el pájarotwitter

Figuras

Documentación
marcador de posición400 × 300
Un título para la imagen de arriba.

Componentes de la bolsa de equipaje

Acordeón

Documentación

Este es el cuerpo de acordeón del primer elemento. Está oculto de forma predeterminada, hasta que el complemento de colapso agrega las clases apropiadas que usamos para diseñar cada elemento. Estas clases controlan la apariencia general, así como la visualización y ocultación a través de transiciones CSS. Puede modificar cualquiera de esto con CSS personalizado o anulando nuestras variables predeterminadas. También vale la pena señalar que casi cualquier HTML puede ir dentro de la .accordion-body, aunque la transición limita el desbordamiento.

Este es el cuerpo del acordeón del segundo elemento. Está oculto de forma predeterminada, hasta que el complemento de colapso agrega las clases apropiadas que usamos para diseñar cada elemento. Estas clases controlan la apariencia general, así como la visualización y ocultación a través de transiciones CSS. Puede modificar cualquiera de esto con CSS personalizado o anulando nuestras variables predeterminadas. También vale la pena señalar que casi cualquier HTML puede ir dentro de la .accordion-body, aunque la transición limita el desbordamiento.

Este es el cuerpo del acordeón del tercer elemento. Está oculto de forma predeterminada, hasta que el complemento de colapso agrega las clases apropiadas que usamos para diseñar cada elemento. Estas clases controlan la apariencia general, así como la visualización y ocultación a través de transiciones CSS. Puede modificar cualquiera de esto con CSS personalizado o anulando nuestras variables predeterminadas. También vale la pena señalar que casi cualquier HTML puede ir dentro de la .accordion-body, aunque la transición limita el desbordamiento.

Alertas

Documentación

Identificación

Documentación

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Encabezado de ejemplo Nuevo

Primaria Secundaria éxito Peligro advertencia Info Peso Oscuro

Botones

Documentación

Tarjeta

Documentación
marcador de posiciónTapa de imagen
Título de la tarjeta

Un texto de ejemplo rápido para construir sobre el título de la tarjeta y componer la mayor parte del contenido de la tarjeta.

Ir a alguna parte
Destacado
Título de la tarjeta

Un texto de ejemplo rápido para construir sobre el título de la tarjeta y componer la mayor parte del contenido de la tarjeta.

Ir a alguna parte
Hace 2 días
Título de la tarjeta

Un texto de ejemplo rápido para construir sobre el título de la tarjeta y componer la mayor parte del contenido de la tarjeta.

  • Un artículo
  • un segundo elemento
  • un tercer elemento
enlace de la tarjeta Otro enlace
marcador de posiciónImagen
Título de la tarjeta

Esta es una tarjeta más amplia con texto de apoyo a continuación como una introducción natural a contenido adicional. Este contenido es un poco más largo.

Última actualización hace 3 minutos

Lista de grupo

Documentación

Popovers

Documentación

Desplazamiento

Documentación

primer encabezado

Este es un contenido de marcador de posición para la página scrollspy. Tenga en cuenta que a medida que se desplaza hacia abajo en la página, se resalta el enlace de navegación correspondiente. Se repite en todo el ejemplo del componente. Seguimos agregando más copias de ejemplo aquí para enfatizar el desplazamiento y el resaltado.

Segundo encabezado

Este es un contenido de marcador de posición para la página scrollspy. Tenga en cuenta que a medida que se desplaza hacia abajo en la página, se resalta el enlace de navegación correspondiente. Se repite en todo el ejemplo del componente. Seguimos agregando más copias de ejemplo aquí para enfatizar el desplazamiento y el resaltado.

Tercer encabezado

Este es un contenido de marcador de posición para la página scrollspy. Tenga en cuenta que a medida que se desplaza hacia abajo en la página, se resalta el enlace de navegación correspondiente. Se repite en todo el ejemplo del componente. Seguimos agregando más copias de ejemplo aquí para enfatizar el desplazamiento y el resaltado.

Cuarto encabezado

Este es un contenido de marcador de posición para la página scrollspy. Tenga en cuenta que a medida que se desplaza hacia abajo en la página, se resalta el enlace de navegación correspondiente. Se repite en todo el ejemplo del componente. Seguimos agregando más copias de ejemplo aquí para enfatizar el desplazamiento y el resaltado.

Quinto encabezamiento

Este es un contenido de marcador de posición para la página scrollspy. Tenga en cuenta que a medida que se desplaza hacia abajo en la página, se resalta el enlace de navegación correspondiente. Se repite en todo el ejemplo del componente. Seguimos agregando más copias de ejemplo aquí para enfatizar el desplazamiento y el resaltado.

Spinners

Documentación

tostadas

Documentación

Tooltips

Documentación