Tutoriel sur la façon de charger le framework bootstrap sur une page HTML

Quand je tapais du code aujourd'hui, j'ai rencontré ce problème

Partagez cette solution avec tout le monde :

1/7

Allez sur le site officiel de bootstrap pour télécharger Pour nous, développeurs, téléchargez directement le CSS compilé et compressé. . , les fichiers JavaScript et inclut également les fichiers de polices, mais n'inclut pas les fichiers de documentation et de code source. Après avoir ouvert le package décompressé, vous pouvez trouver trois dossiers : css, fonts et js. Il s'agit de la forme la plus basique d'organisation Bootstrap : la version non compressée du fichier peut être utilisée directement dans n'importe quel projet Web. Nous fournissons des fichiers CSS et JS compressés (bootstrap.min.*) et non compressés (bootstrap.*). Les fichiers d'icônes de police proviennent de Glyphicons

>

2/7

Tous les plugins Bootstrap s'appuient sur jQuery. Et dans les projets formels, nous vous recommandons d'utiliser la version compressée car elle est de petite taille. Accédez au site officiel pour télécharger le support jQuery, comme indiqué dans l'image :

<.>

3/7

Placez le jQuery téléchargé dans le répertoire js dans le bootstrap, comme indiqué dans l'image :

4/7

Créer un nouveau dans le répertoire racine du fichier bootstrap demo.html, (notez qu'il doit être créé sous le répertoire racine, car dans les étapes suivantes, les fichiers css et js du framework bootstrap seront liés à la démo créée)

5/7

Modifiez le fichier demo.html et ajoutez des références aux css et js dans le framework bootstrap. Le contenu est le suivant. , nous avons essentiellement établi la structure d'utilisation de base du framework bootstrap

6/7

De plus, bootstrap fournit officiellement un service de lien, qui est gratuit en permanence même si vous ne téléchargez pas. le fichier du framework bootstrap localement, vous pouvez également l'utiliser directement en html Utilisez le code suivant ：

< ;script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js?1.1. 11">

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!