Baixar#

Baixe o Bootstrap para obter o CSS e o JavaScript compilados, o código-fonte ou inclua-o com seus gerenciadores de pacotes favoritos, como npm, RubyGems e mais.

CSS e JS compilados#

Baixe o código compilado pronto para uso do Bootstrap v5.3.3 para inserir facilmente em seu projeto, que inclui:

Pacotes CSS compilados e minimizados (veja a comparação de arquivos CSS);
Plug-ins JavaScript compilados e minimizados (veja a comparação de arquivos JS).

Isso não inclui documentação, arquivos fonte ou quaisquer dependências JavaScript opcionais como o Popper.

Baixar

Arquivos fonte#

Compile o Bootstrap com sua esteira de ativos baixando nossos arquivos fonte Sass, JavaScript e da documentação. Esta opção requer algumas ferramentas adicionais:

Compilador Sass para compilar arquivos fonte Sass em arquivos CSS;
Autoprefixer para prefixação de fornecedores CSS.

Se você precisar de nosso conjunto completo de ferramentas de construção, elas foram incluídas para desenvolver o Bootstrap e sua documentação, mas provavelmente não são adequadas para seus propósitos.

Baixar código-fonte

Exemplos#

Se você quiser baixar e examinar nossos exemplos, você pode pegar os exemplos já construídos:

Baixar exemplos

CDN via jsDelivr#

Pule o download dos arquivos usando jsDelivr para entregar a versão em cache do CSS e JS compilados do Bootstrap para seu projeto.

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous"></script>

Se você estiver usando nosso JavaScript compilado e preferir incluir o Popper separadamente, adicione o Popper antes do nosso JS, de preferência por meio de uma CDN.

<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
        crossorigin="anonymous"></script>

CDNs alternativas#

Recomendamos o jsDelivr e o usamos em nossa documentação. No entanto, em alguns casos, como em alguns países ou ambientes específicos, você pode precisar usar outros provedores de CDN, como cdnjs ou unpkg.

Você encontrará os mesmos arquivos nesses provedores de CDN, embora com URLs diferentes. Com o cdnjs, você pode usar este link direto do pacote Bootstrap para copiar e colar códigos HTML prontos para uso para cada arquivo de distribuição de qualquer versão do Bootstrap.

Se os hashes SRI forem diferentes para um determinado arquivo, você não deve usar os arquivos dessa CDN, porque isso significa que o arquivo foi modificado por outra pessoa.

Observe que você deve comparar hashes de mesmo comprimento, por exemplo, sha384 com sha384, caso contrário, espera-se que sejam diferentes. Como tal, você pode usar uma ferramenta online como o Gerador de Hash SRI para garantir que os hashes sejam os mesmos para um determinado arquivo. Alternativamente, supondo que você tenha o OpenSSL instalado, você pode obter o mesmo a partir da CLI, por exemplo:

openssl dgst -sha384 -binary bootstrap.min.js | openssl base64 -A

Gerenciadores de pacotes#

Inclua os arquivos fonte do Bootstrap em praticamente qualquer projeto com alguns dos gerenciadores de pacotes mais populares. Não importa o gerenciador de pacotes, o Bootstrap exigirá um compilador Sass e um Autoprefixer para uma configuração que corresponda às nossas versões oficiais compiladas.

npm#

Instale o Bootstrap em suas aplicações Node.js com o pacote npm:

npm install [email protected]

const bootstrap = require('bootstrap') ou import bootstrap from 'bootstrap' carregará todos os plug-ins do Bootstrap em um objeto bootstrap. O próprio módulo bootstrap exporta todos os nossos plug-ins. Você pode carregar manualmente os plug-ins do Bootstrap individualmente carregando os arquivos /js/dist/*.js no diretório raiz do pacote.

O package.json do Bootstrap contém alguns metadados adicionais nas seguintes chaves:

sass - caminho para o arquivo fonte Sass principal do Bootstrap;
style - caminho para o CSS não minificado do Bootstrap que foi compilado usando as configurações padrão (sem personalização).

Comece com o Bootstrap via npm com nosso projeto inicial! Vá para o repositório de modelos com exemplos com Sass e JS para ver como construir e personalizar o Bootstrap em seu projeto npm. Inclui compilador Sass, Autoprefixer, Stylelint, PurgeCSS e ícones Bootstrap.

yarn#

Instale o Bootstrap em suas aplicações Node.js com o pacote yarn:

yarn add [email protected]

RubyGems#

Instale o Bootstrap em suas aplicações Ruby usando Bundler (recomendado) e RubyGems adicionando a seguinte linha ao seu Gemfile:

gem 'bootstrap', '~> 5.3.3'

Alternativamente, se você não estiver usando o Bundler, você pode instalar a gem executando este comando:

gem install bootstrap -v 5.3.3

Veja o README da gem para mais detalhes.

Composer#

Você também pode instalar e gerenciar o Sass e o JavaScript do Bootstrap usando o Composer:

composer require twbs/bootstrap:5.3.3

NuGet#

Se você desenvolve no Framework .NET, também pode instalar e gerenciar o CSS ou Sass e JavaScript do Bootstrap usando o NuGet. Projetos mais novos devem usar libman ou outro método, pois o NuGet é projetado para código compilado, não para ativos de front-end.

Install-Package bootstrap

Install-Package bootstrap.sass