Introduction à la Personnalisation de Texte
Objectifs
Les objectifs de cette vidéo sont :
1. Apprendre à utiliser les classes Bootstrap pour aligner et styliser du texte.
2. Découvrir les balises HTML spécifiques offertes par Bootstrap pour enrichir le contenu.
3. Explorer les méthodes de création et de personnalisation de listes en HTML et Bootstrap.
Résumé
Apprenez à personnaliser et à styliser vos textes en utilisant les classes et balises prédéfinies dans Bootstrap.
Description
Dans cette leçon, nous explorerons comment personnaliser le texte et agir dessus pour le styliser à l'aide de Bootstrap. Bootstrap offre une variétés de classes et de balises qui facilitent la mise en page et l'alignement du contenu sans écrire de CSS supplémentaire. Nous allons débuter par la réorganisation de notre fichier pour une meilleure structure, puis nous verrons comment ajuster la taille des titres, aligner des paragraphes, mettre en surbrillance certaines parties du texte, et manipuler divers éléments HTML pour un rendu professionnel.
Nous ferons des démonstrations de l'utilisation de classes comme text-right, text-center, et d'autres pour l'alignement de texte. Nous explorons aussi l'application de balises telles que mark pour la surbrillance ou del pour le texte barré. De plus, nous verrons comment utiliser des balises spécifiques comme address et blockquote pour structurer des adresses et des citations respectivement.
Enfin, nous examinerons différentes méthodes de création et de personnalisation de listes, y compris les listes non ordonnées (avec ou sans styles de puces), les listes ordonnées et les listes en ligne. La leçon se termine par un exemple avancé utilisant les balises dl, dt, et dd pour une présentation structurée de contenu.
Questions fréquentes
text-right sur l'élément HTML que l'on souhaite aligner.
mark de Bootstrap permet de surligner ou de mettre en surbrillance une partie du texte.
list-unstyled sur l'élément <ul> contenant les éléments de liste.
Programme détaillé
Module 1 - Introduction
Module 2 - Explication de la grille
Module 3 - Mettre du style
Module 4 - Utiliser les composants prêt à l’emploi
Module 5 - Utiliser les composants JavaScript
on parle de jquery alors que dans la version il n'y est plus
on nous parle de phpstorm comme editeur qui est payant voir lez bloc note (au secours !!!)
il y a vscode qui maintenant est utiliser par quasi tous les développeurs et qui est gratuit.
sur la video : Maîtriser les Grilles et Colonnes dans Bootstrap
1 - le cours annonce la modification pour passer sur 4 colonne puis de changer les titres,
a ce moment la on reviens en arrière à la modification pour passer en 4 colonnes... et ça recommence
grosse erreur de montage.
2 - ensuite push et pull ont été supprimé pour utiliser le système flexbox sur la version 5
avec les classes order pour gérer l'ordre des colonnes.
3 - l'explication sur le offset n'est absolument pas claire :
on a une première explication, puis une deuxième qui est la même mais avec le résultat directe avec offset.
bref je vais être franc j'ai trouver une formation sur udemy sur bootstrap 5 bien plus intéressante, je ne trouve pas normal d'avoir une formation sur bootstrap 3 qui nous induit en erreur.
ayant passer ce premier chapitre j’arrête car je ne vois aucun intérêt à continuer.