
1 minute read
HERRAMIENTAS Y
Controles De Bootstrap
Navbar: un componente que permite crear barras de navegación responsive, con opciones de estilo, color y posición.
Advertisement
Formularios: Bootstrap ofrece una gran variedad de estilos y opciones para diseñar formularios de manera atractiva y funcional, como validación de campos, selección de fecha, entre otros.



Iconos: una amplia colección de iconos vectoriales, que se pueden utilizar en cualquier parte de la página.

Grid: un sistema de rejilla para la distribución de contenido en columnas y filas, que permite crear diseños flexibles y adaptables.

Componentes: Bootstrap incluye una gran cantidad de componentes predefinidos, como botones, formularios, alertas, modales, carruseles, entre otros, que te permiten crear páginas web con aspecto profesional de manera rápida y sencilla.



Tipografía: Bootstrap ofrece una selección de fuentes y tamaños de letra, así como un conjunto de clases para personalizar la apariencia de los textos.

Colores: Bootstrap cuenta con una paleta de colores predefinida y personalizable, para que puedas elegir los colores que mejor se adapten a tu marca o diseño.



Utilidades: Bootstrap también incluye una gran cantidad de clases y utilidades auxiliares, para personalizar aún más el diseño de tu sitio web.

Alertas: Bootstrap permite una configuración simple y rápida de diferentes tipos de alertas, con colores específicos, según la situación. Para mostrarle al usuario un alerta que indique atención, por ejemplo, simplemente debemos usar .alertdanger y aparecerá un cuadro de texto con un fondo rojo:

Carrusel: Un componente ampliamente utilizado en Bootstrap es el Carrusel, una presentación de diapositivas, es decir, una herramienta que permite la visualización de imágenes de manera receptiva.

También permite la inclusión de efectos especiales para la transición de imágenes y controles de visualización, como por ejemplo los indicadores de “siguiente” y “anterior”.

Menú Desplegable: En la barra de navegación de Bootstrap es posible usar un menú desplegable como elemento de navegación. Por ejemplo, si la sección Soporte de nuestro sitio se subdivide en las páginas Documentación y Ayuda estas se pueden implementar usando un menú desplegable.



Barra de Navegación Plegable
De la misma manera que el sistema de rejillas, el componente navbar soporta diferentes tipos de resoluciones de pantalla. Con dispositivos de baja resolución, la barra de navegación puede plegarse.