Maison > interface Web > Tutoriel d'amorçage > Comment introduire des fichiers réseau dans bootstrap

Comment introduire des fichiers réseau dans bootstrap

下次还敢
Libérer: 2024-04-05 02:39:19
original
676 Les gens l'ont consulté

Bootstrap propose deux manières d'introduire des fichiers en réseau : via un CDN (étape 1) ou en téléchargeant et en hébergeant des fichiers locaux (étape 2).

Comment introduire des fichiers réseau dans bootstrap

Bootstrap introduit les fichiers en réseau

Il existe deux manières principales d'introduire les fichiers en réseau Bootstrap :

1 via CDN

CDN (Content Distribution Network) est un réseau de serveurs distribués qui peut rapidement servir. contenu statique de manière efficace. Bootstrap fournit un CDN pour livrer ses fichiers :

<code class="html"><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.2/dist/js/bootstrap.min.js"></script></code>
Copier après la connexion

2. Téléchargez les fichiers Bootstrap via des fichiers locaux

et hébergez-les sur un serveur local :

  • Téléchargez le fichier zip Bootstrap : https://getbootstrap com/docs/. 4.5/getting-started/download/
  • Extraire le fichier téléchargé dans un dossier local
  • Référencez le fichier local dans votre document HTML :
<code class="html"><link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script></code>
Copier après la connexion

Remarque :

  • Assurez-vous d'utiliser la bonne version de Bootstrap. Le code ci-dessus concerne Bootstrap 4.5.2.
  • Assurez-vous que tous les fichiers sont correctement liés et à l'emplacement approprié.
  • Si vous utilisez un CDN, assurez-vous que votre connexion Internet est stable afin que vos fichiers puissent se charger rapidement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal