Saltar al contenido
WEB

¿Que es Bootstrap?

1 julio, 2017

Introducción a Bootstrap

Muchos de las personas amante de la programación están utilizando este framework para hacer sitios responsivos que es adaptable a cualquier tipo de pantalla esta tecnología, se esta utilizando ya que es muy fácil y contiene una serie de librería que ayudan a hacer diseños increíbles con simples códigos.

Bootstrap es un framework creado por Twitter, este permite crear interfaces web con CSS y JAVASCRIP, pero cuyo particularidad y que llama más la atención es la capacidad que tiene eb adaptar interfaz  web al tamaño de dispositivo e que se visualice, esta técnica se le conoce como “responsive design” en otras palabras diseño adaptativo.

Características

  • Soporte bastante bueno (casi completo) con HTML5CSS3.
  • Se ha añadido un sistema GRID que permite diseñar usando un GRID de 12 columnas.
  • Boostrap 3 establece Media Queries para 4 tamaños de dispositivos diferentesvariando dependiendo del tamaño de su pantalla, estas Media Queries permiten desarrollar para dispositivos móviles y tablets de forma mucho más fácil.
  • Boostrap 3 también permite insertar imágenes responsive, es decir, con solo insertar la imagen con la clase “img-responsive” las imágenes se adaptaran al tamaño.
  • Compatible con la mayoría de navegadores.

La primera plantilla Bootstrap

  • Si eres nuevo en Bootstrap, puedes empezar con la plantilla HTML básica que se muestra a continuación o puedes echar un vistazo a los ejemplos de plantillas que hemos preparado. La idea de estos ejemplos es que los utilices como punto de partida para crear tus propios diseños y de poco a poco ir avanzando hasta poder personalizar por completo tu sitio web.
  • El siguiente código HTML muestra una plantilla muy sencilla creada con Bootstrap:

Contenido del framework bootstrap

  • Una carpeta“css” Incluye todos los estilos predefinidos que vienen en este framework  Bootstrap.
  • Una carpeta “fonts”: Incluye una fuente de iconos bonitos que estan listo para usarlos.
  • Una carpeta “js”: Con todo el JavaScript necesario para que los componentes y efectos de Bootstrap funcionen.