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.