Scarica

Scarica Bootstrap per ottenere CSS e JavaScript compilati, codice sorgente o includerlo con i tuoi gestori di pacchetti preferiti come npm, RubyGems e altro.

Su questa pagina

CSS e JS compilati

Scarica il codice compilato pronto per l'uso per Bootstrap v5.2.1 da inserire facilmente nel tuo progetto, che include:

Bundle CSS compilati e minimizzati (vedi Confronto file CSS )
Plugin JavaScript compilati e minimizzati (vedi Confronto file JS )

Ciò non include documentazione, file di origine o eventuali dipendenze JavaScript opzionali come Popper.

Scarica

File sorgenti

Compila Bootstrap con la tua pipeline di risorse scaricando i nostri file Sass, JavaScript e di documentazione di origine. Questa opzione richiede alcuni strumenti aggiuntivi:

Compilatore Sass per la compilazione di file sorgente Sass in file CSS
Prefisso automatico per il prefisso del fornitore CSS

Se hai bisogno del nostro set completo di strumenti di compilazione , sono inclusi per lo sviluppo di Bootstrap e dei suoi documenti, ma probabilmente non sono adatti ai tuoi scopi.

Scarica sorgente

Esempi

Se vuoi scaricare ed esaminare i nostri esempi , puoi prendere gli esempi già costruiti:

Scarica esempi

CDN tramite jsDelivr

Salta il download con jsDelivr per fornire al tuo progetto la versione memorizzata nella cache di CSS e JS compilati da Bootstrap.

<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 stai usando il nostro JavaScript compilato e preferisci includere Popper separatamente, aggiungi Popper prima del nostro JS, preferibilmente tramite un 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>

Gestori di pacchetti

Inserisci i file sorgente di Bootstrap in quasi tutti i progetti con alcuni dei gestori di pacchetti più popolari. Indipendentemente dal gestore di pacchetti, Bootstrap richiederà un compilatore Sass e un prefisso automatico per un'installazione che corrisponda alle nostre versioni compilate ufficiali.

npm

Installa Bootstrap nelle tue app basate su Node.js con il pacchetto npm :

npm install [email protected]

const bootstrap = require('bootstrap')o import bootstrap from 'bootstrap'caricherà tutti i plugin di Bootstrap su un bootstrapoggetto. Il bootstrapmodulo stesso esporta tutti i nostri plugin. Puoi caricare manualmente i plugin di Bootstrap singolarmente caricando i /js/dist/*.jsfile nella directory di primo livello del pacchetto.

Bootstrap package.jsoncontiene alcuni metadati aggiuntivi sotto le seguenti chiavi:

sass- percorso del file sorgente Sass principale di Bootstrap
style- percorso del CSS non minimizzato di Bootstrap che è stato compilato utilizzando le impostazioni predefinite (nessuna personalizzazione)

Inizia con Bootstrap tramite npm con il nostro progetto iniziale! Vai al repository di modelli twbs /bootstrap-npm-starter per vedere come creare e personalizzare Bootstrap nel tuo progetto npm. Include le icone del compilatore Sass, Autoprefixer, Stylelint, PurgeCSS e Bootstrap.

filato

Installa Bootstrap nelle tue app basate su Node.js con il pacchetto di filati :

yarn add [email protected]

Gemme di rubino

Installa Bootstrap nelle tue app Ruby usando Bundler ( consigliato ) e RubyGems aggiungendo la seguente riga al tuo Gemfile:

gem 'bootstrap', '~> 5.2.1'

In alternativa, se non stai usando Bundler, puoi installare la gem eseguendo questo comando:

gem install bootstrap -v 5.2.1

Vedi il README della gemma per ulteriori dettagli.

Compositore

Puoi anche installare e gestire Sass e JavaScript di Bootstrap usando Composer :

composer require twbs/bootstrap:5.2.1

NuGet

Se sviluppi in .NET Framework, puoi anche installare e gestire CSS o Sass e JavaScript di Bootstrap usando NuGet . I progetti più recenti dovrebbero usare libman o un altro metodo poiché NuGet è progettato per il codice compilato, non per le risorse front-end.

Install-Package bootstrap

Install-Package bootstrap.sass