Please enable JavaScript.
Coggle requires JavaScript to display documents.
BOOTSTRAP (componentes (Iconos (glyphicons)
Bootstrap incluye 180 iconos…
BOOTSTRAP
componentes
Iconos (glyphicons)
Bootstrap incluye 180 iconos creados mediante una fuente especial llamada Glyphicon Halflings. Aunque esta fuente normalmente no es gratuita, su creador permite utilizar estos iconos gratuitamente dentro de Bootstrap
Menús desplegables
Este componente permite mostrar una lista de enlaces como si fuera un menú desplegable con la lista de acciones que el usuario puede realizar.
Grupos de botones
Bootstrap 3 te permite agrupar varios botones relacionados entre sí para mostrarlos en una única línea. Opcionalmente puedes utilizar el plugin de JavaScript para hacer que los botones se comporten como radiobuttons o como checkboxes.
Grupos de campos de formulario
Los campos de formulario de tipo texto se pueden modificar para que muestren un texto o un botón delante, detrás o a ambos lados.
Barras de navegación
Las barras de navegación son componentes adaptados al diseño web responsive y que se utilizan como elemento principal de navegación tanto en las aplicaciones como en los sitios web
Mensajes de alerta
Este tipo de mensajes se utilizan normalmente para proporcionar al usuario información contextual sobre el resultado de sus acciones.
Barras de progreso
Las barras de progreso permiten mostrar de forma continua el estado de ejecución de una tarea.
-
¿Que es?
Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript, cuya particularidad es la de adaptar la interfaz del sitio web al tamaño del dispositivo en que se visualice
¿Por que usar bootstrap?
-
-
- Implementaciones externas
-
-
-
-
-
Ventajas
-
• Ofrece un paquete de elementos web personalizables: con Bootstrap puedes diseñar una web jugando con sus elementos compuestos por diferentes combinaciones de HTML, CSS y Javascript.
• Utiliza componentes vitales para los desarrolladores:
como HTML5, CSS3, jQuery o GitHub, entre otros.
-
-
-
Desventajas
-
• adaptación: debes adaptar tu diseño a un grid de 12 columnas, que se modifican según el dispositivo.
• mantenimiento: es complicado,
cambiar de versión si has realizado modificaciones profundas sobre el core.
• ampliar componentes: si necesitas añadir componentes que no existen, debes hacerlos tú mismo en css