Dugu Jiujian (7)_Tutoriel vidéo Bootstrap

• Chapitre1 Première expérience avec Bootstrap
• 1-1 Qu’est-ce que Bootstrap ? Que peut-il faire ?
• 1-2 Comment télécharger Bootstrap ? Site officiel et GitHub
• 1-3 Import de fichiers et modèle de base : importation locale/importation CDN
• 1-4 Le principe du quadrillage : de la grille au seuil
• 1-5 Le processus de mise en œuvre de la disposition en grille : la division des conteneurs en colonnes
• 1-6 Conseils sur l'utilisation du plug-in Emmet d'artefact de code frontal
• Chapitre2 Éléments typographiques couramment utilisés
• 2-1 Titre et corps de la page : h1~h6 et paramètres globaux
• 2-2 Traitement de texte en ligne : balises/citations/listes, etc.
• 2-3 Traitement du texte de code dans la page : intégré/clavier/variables/sortie
• 2-4 Introduction aux styles de tableaux couramment utilisés : universel/couleur entrelacée/responsive, etc.
• 2-5 Formulaire de base [Forme verticale] : La forme la plus courante
• 2-6 Formulaire en ligne : tous les éléments sont affichés sur la même ligne pour créer plus d'espace
• 2-7 Forme horizontale : les étiquettes et les contrôles sont affichés horizontalement sur la même ligne, conception réactive
• 2-8 Bouton : Bootstrap a prédéfini de beaux styles
• 2-9 Image : Réactivité par rapport aux styles de forme
• Chapitre3 Composants communs
• 3-1 Conseils d'utilisation des icônes de polices : agrandissement infini sans distorsion
• 3-2 Menu déroulant : la combinaison parfaite de boutons et de listes
• 3-3 Types et techniques de conception de groupes de boutons : Unis, nous avons la force
• 3-4 Menu déroulant des boutons : la base de la navigation
• 3-5 Groupe de zones de saisie : intégrer des zones de texte avec d'autres éléments
• 3-6 Connaissance de base des composants de navigation : style onglets et capsules
• 3-7 Navigation par chemin : également appelée "navigation par fil d'Ariane"
• 3-8 Composant de pagination : style classique et style de changement de page
• 3-9 Ajoutez une étiquette accrocheuse à l'élément
• 3-10 Portez des badges sur les éléments pour les faire paraître plus grands
• 3-11 Écran géant : production de publicités géantes sur la page
• 3-12 Éléments d'en-tête familiers et inconnus
• 3-13 Composant miniature : créons ensemble un site vidéo pour un pays insulaire
• 3-14 Boîte d'avertissement : il s'avère que les fenêtres pop-up peuvent être tellement rafraîchissantes et raffinées
• Chapitre4 [Facultatif] Plug-ins JavaScript couramment utilisés
• 4-1 Exemple de boîte modale