Componentes

Elementos combinados con funcionones especiales, de Bootstrap y exclusivos.

Jumbotron

Es un componente utilizado jerarquizar contenido importante y dar contexto por medio de una imagen de fondo.





¡Hola, mundo!

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Leer más »

Para que jumbotron ocupe el ancho completo, y no tenga esquinas redondeadas, colocalo fuera de cualquier .container. También podés agregar un .container por dentro.

Ventana emergente (Modals)

Las ventanas emergentes son utilizadas para dar información contextual detallada o cuando se necesita modificar el flujo de acción del usuarios (ejemplos: Checkout, registro).

Para más información de cómo utilizarlos ver la documentación (en inglés).


Información emergente breve (Tooltips)

Los toolstips brindan información en forma de texto sobre algún elemento específico como un ícono o una imagen.
Por temas de performance, hay que iniciarlizarlos por medio de javascript como en el ejemplo.

Para más información de cómo utilizarlos ver la documentación (en inglés).


Información emergente (Popovers)

Los popovers brindan información contextual como los tooltips pero más específica pudiendo usar contenido en html.
Por temas de performance, hay que iniciarlizarlos por medio de javascript como en el ejemplo.

Para más información de cómo utilizarlos ver la documentación (en inglés).


Popover top

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover right

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover bottom

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Popover left

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Acordeón colapsable (Collapse)

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Carrusel (Carousel)

Botón de cuenta BA

Atajos

Alerta Spot

Panel especial

Panel con encabezado con foto

Campos de formularios con íconos

Los íconos dentro de un campos de texto se utilizan para una identificación rápida de la información a ingresar.




Campos de formularios con íconos como botones

Los botones dentro de campos en un formulario se utilizan para acciones específicas hacia esa informaicón, por ejemplo: Lupa en formulario de búsuqeda o cruz para eliminar lo escrito.



Select con Chosen

Cuando se necesita elegir uno o más elementos de una lista extensa en un formulario tenemos la opción de utilizar este plugin de javascript que soporta búsquedas.

Para más información de cómo utilizarlos ver la Documentación de Chosen (en inglés).


Volver al Inicio