Bootstrap es un kit de herramientas de desarrollo de código abierto y front-end gratuito muy utilizado para diseñar y personalizar sitios web con gran respuesta para dispositivos móviles. Bootstrap destaca por incluir variables y mixins de Sass, un sistema de cuadrícula con una alta capacidad de respuesta, componentes predefinidos y plugins de JavaScript eficaces.

Se trata de un marco CSS de código abierto escrito en HTML, CSS, Less (v3), Sass (v4) y JavaScript, diseñado específicamente para proporcionar a los desarrolladores web una solución sencilla para crear páginas web con más rapidez. Las plantillas de diseño basadas en JavaScript y CSS ofrecen varias tipografías, formas, botones, tipos de navegación, modales y carruseles de imágenes, entre otros componentes para la interfaz.

Puesto que Bootstrap es gratis, puedes descargarlo para crear tantos proyectos como quieras. Si quieres saber cómo descargar Bootstrap gratis, sigue los pasos que aparecen a continuación.

Cómo descargar e instalar Bootstrap en PC gratis

  1. Haz clic en el botón de descarga, situado en la barra lateral, para acceder a la página oficial de descarga de Bootstrap.
  2. A continuación, Haz clic en el botón «Descargar» para tener el archivo de instalación en tu PC.
    arranque screenshot
  3. Ahora, ve a la carpeta de descarga y abre el archivo .zip que acabas de descargar. Ahí encontrarás paquetes de CSS compilados y reducidos, y plugins de JavaScript.
  4. Como se indica más abajo, solo necesitas el archivo «Bootstrap.css» de la carpeta CSS. Así pues, abre la carpeta CSS y haz clic en «Ver» y después selecciona «Extensiones de nombre de archivos». Elimina el resto de archivos de la carpeta.
    CSS screenshot
  5. De igual forma, solo necesitas el archivo «bootstrap.js» que se encuentra en la carpeta de JavaScript. Elimina los demás archivos y mueve los dos archivos (.css y .js) a una carpeta nueva. Ya puedes eliminar el archivo .zip.
    Bootstrap JS file screenshot
  6. Ahora puedes crear un documento .html básico con un editor de texto apropiado y empezar a vincular los archivos «bootstrap.css» y «Bootstrap.js» a tus documentos .html. Asegúrate de que los archivos se encuentran en la misma carpeta que los archivos HTML.

Cómo desinstalar Bootstrap de tu PC

Para eliminar Bootstrap de tu PC o Mac, basta con mover la carpeta de la aplicación a la papelera. A continuación, vacía toda la papelera o bien selecciona los archivos de Bootstrap y elimínalos.

Si quieres probar otros marcos de desarrollo en front-end similares, puedes echar un vistazo a alguna de las alternativas gratis que encontrarás más abajo.

Información general de Bootstrap

Bootstrap es una solución versátil y sencilla para crear diseños web con una gran capacidad de respuesta. Se trata de un marco de desarrollo en front-end de código abierto que permite desarrollar sitios web con más rapidez y facilidad.

Al trabajar con Bootstrap, tendrás acceso a plantillas de diseño basadas en CSS y HTML para crear tipografías, formas, botones, tablas, tipos de navegación, modales, vídeos incrustados, carruseles de imágenes y algunos plugins de JavaScript.

La versión más reciente cuenta con un nuevo menú fuera del lienzo (off canvas) y elimina la dependencia de jQuery en favor del clásico JavaScript. También puedes añadir iconos SVG y propiedades CSS personalizados, e incluso una API mejorada, entre otras opciones.

Características de Bootstrap

  • Capacidad de respuesta: Las funciones CSS de Bootstrap ofrecen una gran respuesta y se ajustan a smartphones, tablets y dispositivos de escritorio.
  • Numerosas plantillas de diseño: Contiene diversas plantillas de diseño basadas en CSS, JS y HTML.
  • Flexibilidad y simplicidad: Dispones de varias opciones de color, tamaño, fuentes y distribuciones (el componente más destacado de Bootstrap) para personalizar la apariencia del contenido web en tu proyecto.
  • Componentes de JavaScript: A diferencia de otros marcos de front-end, Bootstrap incluye varios componentes de JavaScript, como los plugins de jQuery.
  • Prioridad para dispositivos móviles: Los diseños en Bootstrap están orientados para priorizar la adaptación a los dispositivos móviles.
  • Compatibilidad con navegadores: Bootstrap 5 es compatible con todos los navegadores actuales, incluidos Chrome, Microsoft Edge, Mozilla Firefox, Safari y Opera.
  • Facilidad de uso: Puedes empezar a usar Bootstrap aunque solo tengas conocimientos básicos de HTML y CSS.

Alternativas a Bootstrap gratis

Foundation: Foundation es un conjunto de marcos de front-end que permite crear páginas y apps con gran respuesta de forma sencilla, así como correos electrónicos para cualquier dispositivo. Foundation es un programa más completo y detallado que Bootstrap, y contiene todo lo necesario para diseñar apps. Además, puedes personalizar Foundation para adaptarlo a requisitos específicos; por otro lado, es compatible con idiomas cuya escritura sea de derecha a izquierda.

Bulma: Bulma es un marco CSS muy similar a Bootstrap. Se basa en un módulo de caja flexible llamado «flexbox». Además de contar con plugins de JavaScript, el marco Bulma incluye gran parte de los elementos front-end que encontrarás en Bootstrap. Bulma destaca por ofrecer una distribución y presentación con buena respuesta en dispositivos móviles, CSS y temas personalizados, y tipografía básica, entre otras características.

HTML5 Boilerplate: HTML5 Boilerplate es una plantilla front-end para HTML 5, CSS3 y JavaScript, creada por varios desarrolladores. Es ideal para diseñar todo tipo de páginas web, así como para crear apps rápidas, sólidas y con una gran capacidad de respuesta.

Preguntas frecuentes

¿Bootstrap es gratis?

Además de ser gratis, te da acceso a todas las herramientas necesarias para crear páginas web rápidas y con una excelente respuesta. Sigue estos pasos para descargar Bootstrap gratis.

¿Bootstrap es seguro?

Sí, puedes descargar e instalar Bootstrap con seguridad, siempre y cuando lo descargues de la página oficial de Bootstrap. Así, evitarás virus, malware y spyware.

¿Puedo crear una página de Preguntas frecuentes con Bootstrap?

Puedes usar componentes como el acordeón o la opción contraer para crear una sección de Preguntas frecuentes con Bootstrap 5.

Descarga Bootstrap ahora