Télécharger
Téléchargez Bootstrap pour obtenir le CSS et JavaScript compilés, le code source, ou incluez-le avec vos gestionnaires de packages préférés tels que npm, RubyGems, etc.
CSS et JS compilés
Téléchargez le code compilé prêt à l'emploi pour Bootstrap v5.1.3 pour l'intégrer facilement à votre projet, qui comprend :
- Bundles CSS compilés et minifiés (voir Comparaison des fichiers CSS )
- Plugins JavaScript compilés et minifiés (voir Comparaison des fichiers JS )
Cela n'inclut pas la documentation, les fichiers source ou toute dépendance JavaScript facultative comme Popper.
Fichiers source
Compilez Bootstrap avec votre propre pipeline d'actifs en téléchargeant nos fichiers source Sass, JavaScript et de documentation. Cette option nécessite un outillage supplémentaire :
- Compilateur Sass pour compiler les fichiers source Sass en fichiers CSS
- Préfixe automatique pour le préfixe du fournisseur CSS
Si vous avez besoin de notre ensemble complet d' outils de construction , ils sont inclus pour développer Bootstrap et ses documents, mais ils ne conviennent probablement pas à vos propres besoins.
Exemples
Si vous souhaitez télécharger et examiner nos exemples , vous pouvez récupérer les exemples déjà construits :
CDN via jsDelivr
Ignorez le téléchargement avec jsDelivr pour fournir une version en cache du CSS et du JS compilés de Bootstrap à votre projet.
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
Si vous utilisez notre JavaScript compilé et préférez inclure Popper séparément, ajoutez Popper avant notre JS, via un CDN de préférence.
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Gestionnaires de paquets
Intégrez les fichiers source de Bootstrap dans presque tous les projets avec certains des gestionnaires de packages les plus populaires. Quel que soit le gestionnaire de packages, Bootstrap nécessitera un compilateur Sass et un préfixe automatique pour une configuration qui correspond à nos versions compilées officielles.
npm
Installez Bootstrap dans vos applications alimentées par Node.js avec le package npm :
npm install bootstrap
const bootstrap = require('bootstrap')
ou import bootstrap from 'bootstrap'
chargera tous les plugins de Bootstrap sur un bootstrap
objet. Le bootstrap
module lui-même exporte tous nos plugins. Vous pouvez charger manuellement les plugins de Bootstrap individuellement en chargeant les /js/dist/*.js
fichiers sous le répertoire de niveau supérieur du package.
Bootstrap's package.json
contient des métadonnées supplémentaires sous les clés suivantes :
sass
- chemin vers le fichier source Sass principal de Bootstrapstyle
- chemin vers le CSS non minifié de Bootstrap qui a été précompilé en utilisant les paramètres par défaut (pas de personnalisation)
fil
Installez Bootstrap dans vos applications alimentées par Node.js avec le package yarn :
yarn add bootstrap
RubyGems
Installez Bootstrap dans vos applications Ruby en utilisant Bundler ( recommandé ) et RubyGems en ajoutant la ligne suivante à votre Gemfile
:
gem 'bootstrap', '~> 5.1.3'
Sinon, si vous n'utilisez pas Bundler, vous pouvez installer la gemme en exécutant cette commande :
gem install bootstrap -v 5.1.3
Voir le fichier README de la gemme pour plus de détails.
Compositeur
Vous pouvez également installer et gérer Sass et JavaScript de Bootstrap à l'aide de Composer :
composer require twbs/bootstrap:5.1.3
NuGet
Si vous développez en .NET, vous pouvez également installer et gérer le CSS ou Sass et JavaScript de Bootstrap en utilisant NuGet :
Install-Package bootstrap
Install-Package bootstrap.sass