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.
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.
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.
Esempi
Se vuoi scaricare ed esaminare i nostri esempi , puoi prendere gli esempi già costruiti:
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 bootstrap
oggetto. Il bootstrap
modulo stesso esporta tutti i nostri plugin. Puoi caricare manualmente i plugin di Bootstrap singolarmente caricando i /js/dist/*.js
file nella directory di primo livello del pacchetto.
Bootstrap package.json
contiene alcuni metadati aggiuntivi sotto le seguenti chiavi:
sass
- percorso del file sorgente Sass principale di Bootstrapstyle
- percorso del CSS non minimizzato di Bootstrap che è stato compilato utilizzando le impostazioni predefinite (nessuna personalizzazione)
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