Installation de Bootstrap

Par Cosmos506, il y a 3 ans

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, il y a 3 ans

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.

Cosmos506, il y a 3 ans

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

JoolsMcFly, il y a 3 ans

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, il y a 3 ans

D'accord merci pour ta réponse !

Je clos le sujet
Bonne soirée.