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 v5.2.1 para inserir facilmente em seu projeto, que inclui:
- Pacotes CSS compilados e reduzidos (veja comparação de arquivos CSS )
- Plugins JavaScript compilados e minificados (veja comparação de arquivos JS )
Isso não inclui documentação, arquivos de origem ou quaisquer dependências opcionais de JavaScript, como Popper.
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 para compilar arquivos fonte Sass em arquivos CSS
- Autoprefixador para prefixação de fornecedor CSS
Se você precisar de nosso conjunto completo de ferramentas de compilação , elas estã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:
CDN via jsDelivr
Pule o download com jsDelivr para entregar a versão em cache do CSS e JS compilado do Bootstrap para seu projeto.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
Se você estiver usando nosso JavaScript compilado e preferir incluir o Popper separadamente, adicione o Popper antes do nosso JS, preferencialmente via CDN.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" 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 [email protected]
const bootstrap = require('bootstrap')
ou import bootstrap from 'bootstrap'
irá carregar todos os plugins do Bootstrap em um bootstrap
objeto. O bootstrap
próprio módulo exporta todos os nossos plugins. Você pode carregar manualmente os plugins do Bootstrap individualmente carregando os /js/dist/*.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 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 [email protected]
RubyGems
Instale o Bootstrap em seus aplicativos Ruby usando Bundler ( recomendado ) e RubyGems adicionando a seguinte linha ao seu Gemfile
:
gem 'bootstrap', '~> 5.2.1'
Como alternativa, se você não estiver usando o Bundler, poderá instalar a gem executando este comando:
gem install bootstrap -v 5.2.1
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:5.2.1
NuGet
Se você desenvolve no .NET Framework, também pode instalar e gerenciar CSS ou Sass e JavaScript do Bootstrap usando o NuGet . Projetos mais recentes 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