Passer au contenu principal Passer à la navigation dans les documents
Check
in English

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.

Sur cette page

CSS et JS compilés

Téléchargez le code compilé prêt à l'emploi pour Bootstrap v5.2.1 pour l'intégrer facilement à votre projet, qui comprend :

Cela n'inclut pas la documentation, les fichiers source ou toute dépendance JavaScript facultative comme Popper.

Télécharger

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 :

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.

Source de téléchargement

Exemples

Si vous souhaitez télécharger et examiner nos exemples , vous pouvez récupérer les exemples déjà construits :

Télécharger des exemples

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-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>

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-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>

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 [email protected]

const bootstrap = require('bootstrap')ou import bootstrap from 'bootstrap'chargera tous les plugins de Bootstrap sur un bootstrapobjet. Le bootstrapmodule lui-même exporte tous nos plugins. Vous pouvez charger manuellement les plugins de Bootstrap individuellement en chargeant les /js/dist/*.jsfichiers sous le répertoire de niveau supérieur du package.

Bootstrap's package.jsoncontient des métadonnées supplémentaires sous les clés suivantes :

  • sass- chemin vers le fichier source Sass principal de Bootstrap
  • style- chemin vers le CSS non minifié de Bootstrap qui a été compilé en utilisant les paramètres par défaut (pas de personnalisation)
Commencez avec Bootstrap via npm avec notre projet de démarrage ! Dirigez-vous vers le référentiel de modèles twbs/bootstrap-npm-starter pour voir comment créer et personnaliser Bootstrap dans votre propre projet npm. Inclut le compilateur Sass, le préfixe automatique, Stylelint, PurgeCSS et les icônes Bootstrap.

fil

Installez Bootstrap dans vos applications alimentées par Node.js avec le package yarn :

yarn add [email protected]

RubyGems

Installez Bootstrap dans vos applications Ruby en utilisant Bundler ( recommandé ) et RubyGems en ajoutant la ligne suivante à votre Gemfile:

gem 'bootstrap', '~> 5.2.1'

Sinon, si vous n'utilisez pas Bundler, vous pouvez installer la gemme en exécutant cette commande :

gem install bootstrap -v 5.2.1

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.2.1

NuGet

Si vous développez dans .NET Framework, vous pouvez également installer et gérer le CSS ou Sass et JavaScript de Bootstrap à l'aide de NuGet . Les projets plus récents doivent utiliser libman ou une autre méthode, car NuGet est conçu pour le code compilé, et non pour les ressources frontales.

Install-Package bootstrap

Install-Package bootstrap.sass