Download
Faça o download do Bootstrap para obter o CSS e JavaScript compilado, o código-fonte ou inclua-o em seus gerenciadores de pacotes favoritos, como npm, RubyGems e muito mais.
CSS e JS compilados
Faça o download do código compilado pronto para uso do Bootstrap v4.5.3 para inserir facilmente em seu projeto, que inclui:
- Pacotes CSS compilados e reduzidos (veja comparação de arquivos CSS )
- Plugins JavaScript compilados e minificados
Isso não inclui documentação, arquivos de origem ou quaisquer dependências opcionais de JavaScript (jQuery e Popper.js).
Arquivos Fonte
Compile o Bootstrap com seu próprio pipeline de ativos baixando nossos arquivos fonte Sass, JavaScript e documentação. Esta opção requer algumas ferramentas adicionais:
- Compilador Sass (Libsass ou Ruby Sass é suportado) para compilar seu CSS.
- Autoprefixador para prefixação de fornecedor CSS
Se você precisar de ferramentas de compilação , elas são incluídas para desenvolver o Bootstrap e seus documentos, mas provavelmente não são adequadas para seus próprios propósitos.
Exemplos
Se você quiser baixar e examinar nossos exemplos , você pode pegar os exemplos já construídos:
jsDelivrGenericName
Pule o download com jsDelivr para entregar a versão em cache do CSS e JS compilado do Bootstrap para seu projeto.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
Se você estiver usando nosso JavaScript compilado e preferir incluir Popper.js separadamente, adicione Popper.js antes de nosso JS, preferencialmente por meio de um CDN.
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
Gerenciadores de pacotes
Puxe os arquivos de origem do Bootstrap para 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 Autoprefixer para uma configuração que corresponda às nossas versões compiladas oficiais.
npm
Instale o Bootstrap em seus aplicativos baseados em Node.js com o pacote npm :
npm install bootstrap
require('bootstrap')
irá carregar todos os plugins jQuery do Bootstrap no objeto jQuery. O bootstrap
próprio módulo não exporta nada. Você pode carregar manualmente os plugins jQuery do Bootstrap individualmente carregando os /js/*.js
arquivos no diretório de nível superior do pacote.
O Bootstrap package.json
contém alguns metadados adicionais nas seguintes chaves:
sass
- caminho para o arquivo de origem Sass principal do Bootstrapstyle
- caminho para o CSS não minificado do Bootstrap que foi pré-compilado usando as configurações padrão (sem personalização)
fio
Instale o Bootstrap em seus aplicativos baseados em Node.js com o pacote yarn :
yarn add bootstrap
RubyGems
Instale o Bootstrap em seus aplicativos Ruby usando Bundler ( recomendado ) e RubyGems adicionando a seguinte linha ao seu Gemfile
:
gem 'bootstrap', '~> 4.5.3'
Como alternativa, se você não estiver usando o Bundler, poderá instalar a gem executando este comando:
gem install bootstrap -v 4.5.3
Veja o README da gema para mais detalhes.
Compositor
Você também pode instalar e gerenciar Sass e JavaScript do Bootstrap usando o Composer :
composer require twbs/bootstrap:4.5.3
NuGetName
Se você desenvolve em .NET, também pode instalar e gerenciar CSS ou Sass e JavaScript do Bootstrap usando o NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass