Maison >interface Web >Tutoriel d'amorçage >Comment introduire le bootstrap

Comment introduire le bootstrap

下次还敢
下次还敢original
2024-04-05 03:18:201032parcourir

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>
  • <script> 标签添加到页面的底部,以引入 JavaScript 文件:
<code class="html"><script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script></code>

2. 本地文件

  • 下载 Bootstrap 的最新版本并将其解压到您的项目文件夹中。
  • 在 HTML 文件中添加以下 <link>
<code class="html"><link href="css/bootstrap.min.css" rel="stylesheet"></code>
    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>

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!

Déclaration:
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