Conteúdo#

Descubra o que está incluído no Bootstrap, incluindo nossas opções de código-fonte e compilados.

Bootstrap compilado#

Depois de baixado, descompacte a pasta compactada e você verá algo assim:

bootstrap/
├── css/
│   ├── bootstrap-grid.css
│   ├── bootstrap-grid.css.map
│   ├── bootstrap-grid.min.css
│   ├── bootstrap-grid.min.css.map
│   ├── bootstrap-grid.rtl.css
│   ├── bootstrap-grid.rtl.css.map
│   ├── bootstrap-grid.rtl.min.css
│   ├── bootstrap-grid.rtl.min.css.map
│   ├── bootstrap-reboot.css
│   ├── bootstrap-reboot.css.map
│   ├── bootstrap-reboot.min.css
│   ├── bootstrap-reboot.min.css.map
│   ├── bootstrap-reboot.rtl.css
│   ├── bootstrap-reboot.rtl.css.map
│   ├── bootstrap-reboot.rtl.min.css
│   ├── bootstrap-reboot.rtl.min.css.map
│   ├── bootstrap-utilities.css
│   ├── bootstrap-utilities.css.map
│   ├── bootstrap-utilities.min.css
│   ├── bootstrap-utilities.min.css.map
│   ├── bootstrap-utilities.rtl.css
│   ├── bootstrap-utilities.rtl.css.map
│   ├── bootstrap-utilities.rtl.min.css
│   ├── bootstrap-utilities.rtl.min.css.map
│   ├── bootstrap.css
│   ├── bootstrap.css.map
│   ├── bootstrap.min.css
│   ├── bootstrap.min.css.map
│   ├── bootstrap.rtl.css
│   ├── bootstrap.rtl.css.map
│   ├── bootstrap.rtl.min.css
│   └── bootstrap.rtl.min.css.map
└── js/
    ├── bootstrap.bundle.js
    ├── bootstrap.bundle.js.map
    ├── bootstrap.bundle.min.js
    ├── bootstrap.bundle.min.js.map
    ├── bootstrap.esm.js
    ├── bootstrap.esm.js.map
    ├── bootstrap.esm.min.js
    ├── bootstrap.esm.min.js.map
    ├── bootstrap.js
    ├── bootstrap.js.map
    ├── bootstrap.min.js
    └── bootstrap.min.js.map

Esta é a forma mais básica do Bootstrap: arquivos compilados para uso rápido em praticamente qualquer projeto web. Fornecemos CSS e JS compilados (bootstrap.*), bem como CSS e JS compilados e minificados (bootstrap.min.*). Mapas de fontes (bootstrap.*.map) estão disponíveis para uso com as ferramentas de pessoa desenvolvedora de determinados navegadores. Arquivos JS agrupados (bootstrap.bundle.js e bootstrap.bundle.min.js minificado) incluem o Popper.

Arquivos CSS#

O Bootstrap inclui um punhado de opções para incluir alguns ou todos os nossos CSS compilados.

Arquivos CSS Layout Conteúdo Componentes Utilities
bootstrap.css
bootstrap.min.css
bootstrap.rtl.css
bootstrap.rtl.min.css
Incluído Incluído Incluído Incluído
bootstrap-grid.css
bootstrap-grid.rtl.css
bootstrap-grid.min.css
bootstrap-grid.rtl.min.css
Apenas sistema de grid Somente utilitários flex
bootstrap-utilities.css
bootstrap-utilities.rtl.css
bootstrap-utilities.min.css
bootstrap-utilities.rtl.min.css
Incluído
bootstrap-reboot.css
bootstrap-reboot.rtl.css
bootstrap-reboot.min.css
bootstrap-reboot.rtl.min.css
Apenas Reboot

Arquivos JS#

Da mesma forma, temos opções para incluir uma parte ou todo o nosso JavaScript compilado.

Arquivos JS Popper
bootstrap.bundle.js
bootstrap.bundle.min.js
Incluído
bootstrap.js
bootstrap.min.js

Código-fonte do Bootstrap#

O download do código-fonte do Bootstrap inclui os ativos CSS e JavaScript compilados, juntamente com os arquivos fonte Sass, JavaScript e da documentação. Mais especificamente, ele inclui o seguinte e mais:

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

O scss/ e o js/ são o código-fonte para nosso CSS e JavaScript. A pasta dist/ inclui tudo listado na seção de download compilado acima. A pasta site/content/docs/ inclui o código-fonte para nossa documentação hospedada, incluindo nossos exemplos dinâmicos de uso do Bootstrap.

Além disso, qualquer outro arquivo incluído fornece suporte para pacotes, informações de licença e desenvolvimento.