Bootstrap 4, el manual oficial

1.2. Descargando Bootstrap

Además de enlazar directamente los archivos CSS y JavaScript ofrecidos por BootstrapCDN (tal y como se explicó en la primera sección de este capítulo), existen otras formas de integrar Bootstrap en tus proyectos.

1.2.1. Descargando los archivos CSS y JavaScript compilados

Visita la página oficial de descargas de Bootstrap para descargar un archivo ZIP comprimido con los archivos CSS y JavaScript listos para usar. Los archivos se entregan compilados y minimizados, pero no incluyen ni documentación, ni el código fuente, ni las dependencias JavaScript como jQuery y Popper.js.

1.2.2. Descargando el código fuente

Visita la página oficial de descargas de Bootstrap para descubrir la forma en la que puedes descargar el código fuente original de los archivos CSS y JavaScript de Bootstrap.

Para integrar esos archivos en tu aplicación, necesitarás herramientas adicionales como un compilador Sass, la librería Autoprefixer, etc.

1.2.3. Gestores de paquetes

Otra alternativa para incluir el código fuente de Bootstrap en tus aplicaciones es añadir Bootstrap como dependencia de tu proyecto usando cualquiera de los siguientes gestores de paquetes.

1.2.3.1. npm

Permite integrar Bootstrap en tus proyectos Node.js y JavaScript en general mediante npm o yarn:

$ npm install bootstrap

Después, en tu código JavaScript utiliza require('bootstrap') para cargar todos los plugins de Bootstrap. También puedes cargar los plugins individualmente cargando cada uno de sus archivos /js/*.js.

El archivo package.json de Bootstrap contiene otros metadatos que te pueden ser útiles:

  • sass: define el path al archivo Sass principal de Bootstrap.
  • style: define el path al archivo CSS no minimizado y que ha sido compilado usando todos los valores por defecto recomendados.

1.2.3.2. RubyGems

Permite integrar Bootstrap en tus proyectos Rails y Ruby en general mediante Bundler (que es lo que recomendamos que utilices) y RubyGems:

gem 'bootstrap', '~> 4.1.3'

Si no usas Bundler, instala la gema mediante el siguiente comando:

$ gem install bootstrap -v 4.1.3

Lee el README de la gema para obtener más detalles.

1.2.3.3. Composer

Permite integrar Bootstrap en tus proyectos PHP mediante Composer:

$ composer require twbs/bootstrap 4.1.3

1.2.3.4. NuGet

Permite integrar Bootstrap en tus proyectos .NET mediante NuGet:

# instala la versión CSS de Bootstrap
PM> Install-Package bootstrap

# instala la versión Sass de Bootstrap
PM> Install-Package bootstrap.sass