Please enable JavaScript.
Coggle requires JavaScript to display documents.
Boostrap (¿Qué es? (Bootstrap, es un framework originalmente creado por…
Boostrap
¿Qué es?
Bootstrap, es un framework originalmente creado por Twitter, que permite crear interfaces web con CSS y JavaScript
-
-
¿Por qué usar bootstrap?
Es un framework muy útil en el desarrollo de sitios web. Una de sus principales características, que de seguro te animarán a usarlo, es la rapidez con la que creas un sitio web: en menos de un día te puedes asegurar con más del 50% del desarrollo del mismo.
Desventajas
Adaptación: Debes adaptar tu diseño a un grid de 12 columnas, que se modifican según el dispositivo. Aquí empiezan los problemas, Bootstrap por defecto te trae anchos, márgenes y altos de línea, y realizar cambios específicos es por decir, un poco tedioso.
– 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 y cuidar de que mantenga coherencia con tu diseño y cuidando el responsive.
– Pesado: No es ligero, y además, para algunas funcionalidades, será necesario tener que usar JavaScript y jQuery.
Ventajas
• Puedes tener una web bien organizada de forma visual rápidamente: la curva de aprendizaje hace que su manejo sea asequible y rápido si ya sabes maquetar.
• Permite utilizar muchos elementos web: desde iconos a desplegables, combinando HTML5, CSS y Javascript.
• Sea lo que sea que creemos, el diseño será adaptable, no importa el dispositivo, la escala o resolución.
• El grid system: maquetar por columnas nunca fue tan fácil. Además, son muy configurables.
-
• El haber sido creado por Twitter nos da ciertas garantías: está muy pensado y hay mucho trabajo ya hecho. Por lo tanto, hay una comunidad muy activa creando, arreglando cosas, ofreciendo plugins y mucho más..
• Cuenta con implementaciones externas para WordPress, Drupal, etc.
• Nos permite usar Less, para enriquecer aún más los estilos de la web.
Novedades de bootstrap 4
Para indicar que queremos este tipo de transición solo debemos añadir la nueva clase .carousel-fade dentro del componente.
al vez el título no se entienda muy bien, para ponernos en antecedentes cuando creamos un dropdown estamos definiendo un elemento que al ser clickado despliega hacia abajo una serie de elementos.
Hasta ahora se entendía que todos los elementos de este componente eran elementos interactivos y por eso tenían ciertas características:
Eran operables mediante teclado al tratarse de botones o enlaces.
Tenía distintos efectos al recibir el foco, al pasar el puntero por encima al hacer click…
Bootstrap 4 usa Flexbox para crear el layout y en esta nueva versión se han añadido clases para exprimir toda la potencia de estos atributos.
Para ello tendremos disponibles las clases .flex-fill, .flex-grow-*, y .flex-shrink-*.
Si ya conoces de que va Flexbox (y si no lo conoces aquí tengo una entrada donde lo explico) te sonará por donde van los tiros, pero vamos a explicarlo igualmente.