Maison > interface Web > Tutoriel d'amorçage > le corps du texte

Comment introduire le bootstrap

下次还敢
Libérer: 2024-04-05 03:18:20
original
1001 Les gens l'ont consulté

Il existe deux manières principales d'introduire Bootstrap : CDN : importez des fichiers depuis CDN en ajoutant des balises de lien et des balises JavaScript. Fichiers locaux : téléchargez et extrayez Bootstrap dans le dossier de votre projet, puis référencez les fichiers locaux via des balises de lien et des balises JavaScript.

Comment introduire le bootstrap

Comment présenter Bootstrap

Bootstrap est un framework CSS populaire et facile à utiliser pour créer des sites Web réactifs. Il fournit une variété de styles, de composants et de mises en page prédéfinis qui simplifient le processus de développement Web.

Méthodes pour introduire Bootstrap

Il existe deux manières principales d'introduire Bootstrap :

1 CDN (Content Delivery Network)

  • Ajoutez le <link>suivant dans le code HTML. file > Tags : <link> 标签:
<code class="html"><link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"></code>
Copier après la connexion
  • <script> 标签添加到页面的底部,以引入 JavaScript 文件:
<code class="html"><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script></code>
Copier après la connexion

2. 本地文件

  • 下载 Bootstrap 的最新版本并将其解压到您的项目文件夹中。
  • 在 HTML 文件中添加以下 <link>
<code class="html"><link href="css/bootstrap.min.css" rel="stylesheet"></code>
Copier après la connexion
    Ajoutez la balise <script> en bas de la page pour introduire les fichiers JavaScript :
<code class="html"><script src="js/bootstrap.min.js"></script></code>
Copier après la connexion

2. Fichiers locaux

Téléchargez la dernière version. de Bootstrap et extrayez-le dans votre dossier de projet.

Ajoutez la balise <link> suivante dans le fichier HTML :

🎜rrreee🎜🎜Ajoutez le fichier JavaScript en bas de page : 🎜🎜rrreee🎜🎜Quelle méthode choisir🎜🎜🎜 Méthode CDN plus simple car elle ne nécessite aucun téléchargement de fichiers. Si vous ne souhaitez pas conserver une copie locale de vos fichiers Bootstrap, un CDN est une bonne option. 🎜🎜La méthode du fichier local offre de meilleures performances puisque le fichier est stocké localement plutôt que chargé depuis un serveur distant. Si vous disposez d'un thème Bootstrap personnalisé ou si vous envisagez d'apporter des modifications au framework, l'approche des fichiers locaux est meilleure pour vous. 🎜

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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal