Para que sirve Bootstrap


Bootstrap es un framework que sirve para la creación de interfaces web con la ayuda de CSS y Javascript, gracias a esto podemos crear diseños que se adapten a distintos dispositivos, puede ser en un navegador de tu computadora, o desde tu celular.

Todo esto es posible ya que cuenta con un sistema de rejillas, actualmente se encuentra en la Versión 5, esta poderosa herramienta nos ayuda a generar interactividad para nuestro sitio Web con la ayuda de los componentes que ya vienen integrados con el Framework como son los menús de navegación, las barras de progreso, entre muchas otras

¿Como funciona Bootstrap?

Bootstrap se encuentra constituido por una serie de archivos CSS y Javascript los cuales se encargan de proporcionar características específicas a cada uno de los elementos que se encuentran en nuestra página web.

simplemente con que agregues a cada elemento de HTML las clases necesarias, podrás cambiar el estilo de los elementos, su tamaño, su ubicación, darle animaciones, entre muchas otras cosas.

<form action="/action_page.php">
  <div class="form-group">
    <label for="email">Email address:</label>
    <input type="email" class="form-control" placeholder="Enter email" id="email">
  </div>
  <div class="form-group">
    <label for="pwd">Password:</label>
    <input type="password" class="form-control" placeholder="Enter password" id="pwd">
  </div>
  <div class="form-group form-check">
    <label class="form-check-label">
      <input class="form-check-input" type="checkbox"> Remember me
    </label>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Con este ejemplo nos genera un formulario con el cual se adapta al ancho completo de tu página web y cuenta con algunos estilos básicos.


Este ejemplo los saque de la página W3schools en la cual podrás encontrar un curso muy completo de como usar todos los componentes para crear tu página web

Ventajas y desventajas de Bootstrap

  • Algunas de las ventajas de usar Bootstrap es que gracias a su sistema de rejillas es más fácil de colocar los elementos en las diferentes partes de tu sitio Web.
  • Los componentes se adaptan a los los teléfonos celulares, lo cual nos facilita mucho la creación de nuestros diseños.
  • Cuenta con una documentación completa, gracias a esto si tienes alguna duda la podrás encontrar en ella.
  • También existen muchos cursos para aprender a usarlo ya que es una herramienta muy popular
Algunas desventajas:
  • Deberás iniciar con Bootstrap desde el principio si no te quieres topar con algunos problemas más adelante en tu proyecto.
  • Para cambiar de versión será un poco complicado, pero no imposible.
  • Te tendrás que adaptar al diseño de 12 columnas que es como trabaja este Framework

Además de todo esto, también cuentas con algunos extras para usar con tu página web como son los íconos 
Si no quieres iniciar desde cero, también puedes optar por descargar algún tema que mas te guste, y desde ahí empezar a realizar tus modificaciones.

Si estas comenzando en el desarrollo web esta podría ser una herramienta que te servirá de mucho.










Comentarios

Entradas más populares de este blog

Programa en C para convetir pulgadas a centímetros

Conectarse a mysql con la extensión de VScode

Las 7 mejores herramientas de modelado de datos: gratuitas y de código abierto