Installation de Bootstrap

Cosmos506
Les bases HTML/CSS

Bonjour,

Je me demandais simplement quel est la meilleure façon d'installer Bootstrap 5. Avec tous ces types d'installation sur le site, je suis un peu perdu (NPM, lien…)

En vous souhaitant une bonne journée.
Cosmos506

4 réponses

JoolsMcFly
Réponse acceptée

Bonjour,

Pour faire simple tu mets
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

pour la partie CSS
puis la partie JS
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

Regarde leur starter kit pour le code complet.

JoolsMcFly
Réponse acceptée

Tu auras le même résultat car la seule différence c'est que tu dis à ton navigateur qu'au lieu de charger le fichier à l'URL https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css il doit aller le chercher sur bootstrap-5.3.0-alpha3-dist/css/bootstrap.min.css.

Pour ta 2e question ce n'est pas grave, non. Dans le cas d'une librairie populaire comme Bootstrap c'est même en théorie mieux car tu bénéficies de leur CDN qui permet d'avoir une copie proche de toi peu importe où tu es localisé dans le monde et si plusieurs sites utilisent ce même CDN alors ton navigateur a déjà le fichier en cache.

Cosmos506
Auteur

Salut,

Merci de ta réponse. Malgré tout, je n'aime pas trop l'idée de mettre un site web en lien CSS et JS. En regardant un peu, j'ai trouvé tous les fichiers correspondants dont les fichiers bootstrap.min.css et bootstrap.bundle.min.js ma question est donc la suivante :

si je remplace <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

par
<link href="bootstrap-5.3.0-alpha3-dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">

Est-ce que j'ai le même résultat ?
Seconde question : est-ce que le fait de mettre des sites en href= est si grave que ça comme je le pense ou non ?

Bonne soirée,
Cosmos506

Cosmos506
Auteur

D'accord merci pour ta réponse !

Je clos le sujet
Bonne soirée.