Ajout et personnalisation des glyphicones
Objectifs
Les objectifs de cette vidéo sont de :
- Montrer comment intégrer des glyphicones dans un site.
- Apprendre à personnaliser ces icônes avec du CSS.
- S'assurer que les icônes restent de haute qualité et adaptables.
Résumé
Apprenez à intégrer facilement des icônes Bootstrap sur votre site et à les personnaliser avec du CSS.
Description
Dans cette leçon, nous allons explorer comment utiliser les glyphicones de Bootstrap pour enrichir visuellement votre site web. Vous verrez comment :
1. Ajouter des icônes : En utilisant des classes spécifiques, telles que glyphicone-user, pour insérer des icônes représentant différents objets.
2. Personnaliser les icônes : Changer la couleur, la taille et ajouter des marges aux icônes grâce à des propriétés CSS. Cela permet de garder un aspect vectoriel et éviter la pixelisation.
Bootstrap fournit une grande variété d'icônes qui peuvent être utilisées partout sur votre site, rendant vos interfaces plus intuitives et élégantes.
Questions fréquentes
font-size permet de modifier la taille des glyphicones car elles proviennent d'une source de texte.
margin.
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.