Dependiendo de la forma que hayas elegido para descargar Bootstrap, verás una estructura de directorios u otra. En esta sección se muestran los detalles de cada una de ellas.
1.3.1. Contenidos de la versión compilada de Bootstrap
Después de descomprimir el archivo que te has descargado con la versión compilada de Bootstrap, verás la siguiente estructura de archivos y directorios:
bootstrap/ ├── css/ │ ├── bootstrap-grid.css │ ├── bootstrap-grid.css.map │ ├── bootstrap-grid.min.css │ ├── bootstrap-grid.min.css.map │ ├── bootstrap-reboot.css │ ├── bootstrap-reboot.css.map │ ├── bootstrap-reboot.min.css │ ├── bootstrap-reboot.min.css.map │ ├── bootstrap.css │ ├── bootstrap.css.map │ ├── bootstrap.min.css │ └── bootstrap.min.css.map └── js/ ├── bootstrap.bundle.js ├── bootstrap.bundle.js.map ├── bootstrap.bundle.min.js ├── bootstrap.bundle.min.js.map ├── bootstrap.js ├── bootstrap.js.map ├── bootstrap.min.js └── bootstrap.min.js.map
Estos archivos son la forma más sencilla de utilizar Bootstrap en cualquier
proyecto web. Para cada archivo se ofrecen dos variantes: los archivos
compilados (cuyo nombres son bootstrap.*
) y los archivos compilados +
comprimidos (cuyos nombres son bootstrap.min.*
). También se incluyen los
source maps
(cuyos nombres son bootstrap.*.map
) para utilizarlos en los navegadores que
los soporten.
Los archivos JavaScript (llamados bootstrap.bundle.js
para la versión normal y
bootstrap.bundle.min.js
para la versión minimizada) includen la librería
Popper pero no la librería jQuery.
1.3.1.1. Archivos CSS
Bootstrap ofrece diferentes archivos CSS compilados para que puedas elegir el que más te convenga.
Archivo CSS | Layout | Contenido | Componentes | Utilidades |
---|---|---|---|---|
bootstrap.css |
Incluido | Incluido | Incluido | Incluido |
bootstrap-grid.css |
Solo la rejilla | No incluido | No incluido | Solo Flex |
bootstrap-reboot.css |
No incluido | Solo Reboot | No incluido | No incluido |
1.3.1.2. Archivos JavaScript
Igualmente, Bootstrap ofrece diferentes archivos JavaScript.
Archivo JavaScript | Popper.js | jQuery |
---|---|---|
bootstrap.bundle.js |
Incluido | No incluido |
bootstrap.js |
No incluido | No incluido |
1.3.2. Contenidos del código fuente de Bootstrap
El código fuente de Bootstrap incluye los archivos CSS y JavaScript compilados, los archivos Sass y JavaScript originales y la documentación:
bootstrap/ ├── dist/ │ ├── css/ │ └── js/ ├── docs/ │ └── examples/ ├── js/ └── scss/
Los directorios scss/
y js/
contienen el código fuente de CSS y JavaScript.
El directorio dist/
incluye los mismos contenidos que la versión compilada de
Bootstrap explicada anteriormente. El directorio docs/
incluye la
documentación en inglés.