OrejaHoja de trucos

Hoja de trucos de RTL

Contenido

Tipografía

Documentación

Pantalla 1

Pantalla 2

Pantalla 3

Pantalla 4

Pantalla 5

Pantalla 6

Título 1

Título 2

Título 3

Título 4

Título 5

Título 6

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

Puede utilizar la etiqueta de marca paradestacartexto.

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 en Título fuente
  • 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
    • seguirá mostrando una viñeta
    • y tener el margen izquierdo apropiado
  • Esto todavía puede ser útil en algunas situaciones.
  • Este es un elemento de la lista.
  • Y otro.
  • Pero se muestran en línea.

Imágenes

Documentación
Placeholder Responsive image
A generic square placeholder image with a white border around it, making it resemble a photograph taken with an old instant camera 200x200

Mesas

Documentación
# Primero Ultimo Resolver
1 Marca Otón @mdo
2 jacob Thornton @grasa
3 larry el pájaro @gorjeo
# Primero Ultimo Resolver
1 Marca Otón @mdo
2 jacob Thornton @grasa
3 larry el pájaro @gorjeo
Clase Bóveda Bóveda
Defecto Célula Célula
Primario Célula Célula
Secundario Célula Célula
Éxito Célula Célula
Peligro Célula Célula
Advertencia Célula Célula
Información Célula Célula
Luz Célula Célula
Oscuro Célula Célula
# Primero Ultimo Resolver
1 Marca Otón @mdo
2 jacob Thornton @grasa
3 larry el pájaro @gorjeo

Cifras

Documentación
Placeholder 400x300
Un título para la imagen de arriba.

Formularios

Visión general

Documentación
Nunca compartiremos su correo electrónico con nadie más.
Botones de radio

formularios deshabilitados

Documentación
Botones de radios deshabilitados

Dimensionamiento

Documentación

Grupo de entrada

Documentación
@
@ejemplo.com
https://ejemplo.com/usuarios/
ps .00
con área de texto

Etiquetas flotantes

Documentación

Validación

Documentación
¡Se ve bien!
¡Se ve bien!
@
Por favor, elija un nombre de usuario.
Proporcione una ciudad válida.
Seleccione un estado válido.
Proporcione un código postal válido.
Debe estar de acuerdo antes de enviar.

Componentes

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 del .accordion-body, aunque la transición limita el desbordamiento.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

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 del .accordion-body, aunque la transición limita el desbordamiento.

Alertas

Documentación

Placa

Documentación

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Encabezado de ejemploNuevo

Primario Secundario Éxito Peligro Advertencia Información Luz Oscuro

Botones

Documentación

Tarjeta

Documentación
Placeholder Image cap
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
Presentado
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 tarjeta Otro enlace
Placeholder Image
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

Grupo de lista

Documentación
  • Un elemento deshabilitado
  • un segundo elemento
  • un tercer elemento
  • Un cuarto elemento
  • y un quinto
  • un artículo
  • un segundo elemento
  • un tercer elemento
  • Un cuarto elemento
  • y un quinto
Un elemento de grupo de lista predeterminado simple Un elemento de grupo de lista principal simple Un elemento de grupo de lista secundario simple Un elemento de grupo de lista de éxito simple Un elemento de grupo de lista de peligro simple Un elemento de grupo de lista de advertencia simple Un elemento de grupo de lista de información simple Un elemento de grupo de lista de luz simple Un elemento de grupo de lista oscura simple

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.

Hilanderos

Documentación

tostadas

Documentación

Información sobre herramientas

Documentación