Conteúdos

Descubra oquê têm no Bootstrap, incluindo nosso código fonte e compilado. Lembrando-se, também, que os plugins JavaScript precisam de jQuery.

Bootstrap compilado

Uma vez baixado, descompacte a pasta comprimida e verá algo como isso:

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

Basicamente, isto é o Bootstrap: arquivos compilados, para uso rápido em qualquer projeto web. Nós provemos CSS e JS compilados (bootstrap.*), assim como CSS e JS compilados e minificados (bootstrap.min*). Source maps CSS (bootstrap.*.map) estão disponíveis para uso em certas ferramentas de desenvolvedores dos browsers. Arquivos JS bundle (bootstrap.bundle.js e a versão minificada bootstrap.bundle.min.js) usam Popper, mas não jQuery.

Arquivos CSS

Bootstrap te da um punhado de opções para usar alguns ou todos os nossos CSSs compilados.

Arquivos CSS Layout Conteúdo Componentes Utilitários
bootstrap.css
bootstrap.min.css
Incluído Incluído Incluído Incluído
bootstrap-grid.css
bootstrap-grid.min.css
Apenas o sistema de grid Não incluído Não incluído Apenas utilitários flex
bootstrap-reboot.css
bootstrap-reboot.min.css
Não incluído Apenas o Reboot Não incluído Não incluído

Arquivos JS

Similarmente, nós temos opções para uso de alguns ou todos os nosso scripts compilados.

Arquivos JS Popper jQuery
bootstrap.bundle.js
bootstrap.bundle.min.js
Incluído Não incluído
bootstrap.js
bootstrap.min.js
Não incluído Não incluído

Código fonte Bootstrap

O código fonte Bootstrap inclui assets CSS e JS pré-compilados, junto com a fonte Sass, JavaScript e documentação. Mais especificamente, ele possui o seguinte e mais:

bootstrap/
├── dist/
│   ├── css/
│   └── js/
├── docs/
│   └── examples/
├── js/
└── scss/

Os diretórios scss/ e js/ são os códigos fontes do nosso CSS e JavaScript. A pasta dist/ inclui tudo listado no download precompilado, que vimos na seção acima. O docs/ possui o código fonte da documentação e no examples/ temos a código para exemplos de uso do Bootstrap. Além disso, qualquer outro arquivo tem papel de dar suporte à pacotes, informações de licenças e desenvolvimento.