Télécharger
Téléchargez Bootstrap pour obtenir le CSS et le JavaScript compilés, le code source, ou incluez-le avec vos gestionnaires de packages préférés comme npm, RubyGems, etc.
CSS et JS compilés
Téléchargez le code compilé prêt à l'emploi pour Bootstrap v5.0.2 pour l'intégrer facilement à votre projet, qui comprend :
- Bundles CSS compilés et minifiés (voir comparaison des fichiers CSS))
- Compiled and minified JavaScript plugins (see JS files comparaison)
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
- Autoprefixer pour le préfixe de fournisseur CSS
Si vous avez besoin de notre ensemble complet d'outils de construction, ils sont inclus pour développer Bootstrap et sa documentation, 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à créés :
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/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/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/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
Gestionnaires de paquets
Insérez 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 paquets, Bootstrap nécessitera un compilateur Sass et Autoprefixer 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 module bootstrap
lui-même exporte tous nos plugins. Vous pouvez charger manuellement les plug-ins Bootstrap individuellement en chargeant les fichiers /js/dist/*.js
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 d'accès au CSS non minifié de Bootstrap qui a été précompilé à l'aide des paramètres par défaut (pas de personnalisation)
yarn
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 the gem’s README pour plus de détails.
Composer
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 CSS ou Sass et JavaScript en utilisant NuGet
Install-Package bootstrap
Install-Package bootstrap.sass