Inclure les fichiers CSS et javaScript de Bootsrap via CDN

Vous pouvez également inclure les fichiers CSS et JavaScript de Bootstrap ainsi que le fichier JavaScript de la bibliothèque jQuery dans votre document en utilisant les liens CDN (Content Delivery Network) disponibles gratuitement si vous ne souhaitez pas télécharger et héberger vous-même Bootstrap ou jQuery.
Les CDN peuvent offrir un avantage de performance en réduisant le temps de chargement, car ils hébergent les fichiers Bootstrap sur plusieurs serveurs répartis dans le monde entier et lorsqu'un utilisateur demande le fichier, il sera servi à partir du serveur le plus proche.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Modèle Bootstrap de base </title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/
css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7
on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Thème Bootstrap optionnel -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/
css/bootstrap-theme.min.css"
 integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/
Sp" crossorigin="anonymous">
</head>
<body>
<h1>Bonjour, tout le monde !</h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
 integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
crossorigin="anonymous"></script>
</body>
</html>

Dans l'exemple ci-dessus, nous avons inclus la version compilée et minifiée des fichiers CSS et JavaScript de Bootstrap ainsi que la bibliothèque jQuery nécessaire à l'aide des liens CDN. Vous trouverez également ces liens CDN dans la plupart des exemples d'exemples pratiques dans tout ce site.
L'intégrité des attributs et le crossorigin ont été ajoutés à Bootstrap CDN pour implémenter Subresource Integrity (SRI). Il s'agit d'une fonctionnalité de sécurité qui vous permet d'atténuer le risque d'attaques provenant de CDN compromis en vous assurant que les fichiers récupérés par votre site Web (à partir d'un CDN ou n'importe où) ont été livrés sans manipulation inattendue. Il fonctionne en vous permettant de fournir un hachage cryptographique qu'un fichier récupéré doit correspond.

NB :Si le visiteur de votre site a déjà téléchargé les fichiers Bootstrap depuis le même CDN lors de la visite des autres sites, il sera chargé à partir du cache du navigateur au lieu de re-télécharger, ce qui entraîne un temps de chargement plus rapide.

<<<Précédent                                         Debut                                                 Suivant>>>

Aucun commentaire

Fourni par Blogger.