Utilisation des Classes Responsive de Bootstrap
Objectifs
À la fin de cette vidéo, vous serez capable de :
- Utiliser les classes visible et hidden de Bootstrap pour gérer la visibilité des éléments selon la résolution de l'écran.
- Optimiser l'affichage de votre page web pour différents supports, y compris les tablettes et les téléphones mobiles.
Résumé
Apprenez à optimiser l'affichage de vos pages web en utilisant les classes responsive de Bootstrap.
Description
Dans cette leçon, nous nous penchons sur l' extstrong ext{optimisation responsive} extslachage extstrong ext} des pages web en utilisant les classes XS ext{ ext_class extvisible suite à cette video, vous serez capable d'adapter le contenu de vos pages web, que ce soit du texte, des images ou des boutons, pour les rendre parfaitement visibles et fonctionnels selon la taille des écrans. Nous verrons comment ajuster la hauteur des marges des éléments HTML avec l'instruction 'margin-top' et comment jouer sur la visibilité des différents éléments de la page en utilisant les classes Bootstrap dédiées 'visible-xx' et 'hidden-xx'.
En suivant cet exemple pratique, vous comprendrez comment rendre votre contenu optimal pour des résolutions qui varient de 1024 pixels de large à 768 pixels ou moins, garantissant ainsi la meilleure expérience utilisateur possible, quel que soit le format de l'appareil utilisé.
Questions fréquentes
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.