Il y a 4 years
Commentaire
tres bonne formation c est une bonne decouverte generale.
DescriptionProgrammeAvis
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 - réponses
Questions réponses
Comment ajuster la marge supérieure d'un div en utilisant CSS ?
Vous pouvez ajuster la marge supérieure d'un div en utilisant la propriété 'margin-top' dans votre fichier CSS, par exemple : 'margin-top: 40px;'.
Quels sont les préfixes disponibles pour les classes 'visible' de Bootstrap ?
Les préfixes disponibles sont : 'visible-xs', 'visible-sm', 'visible-md', et 'visible-lg'.
Quelle est la différence entre les classes 'visible' et 'hidden' dans Bootstrap ?
Les classes 'visible' sont utilisées pour rendre un élément visible sur certains écrans, tandis que 'hidden' les masquent sur certains écrans.
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
Afficher des modals
05:02
1 commentaire
4,0
1 vote
5
4
3
2
1
Formation ajoutée au panier
Apprendre Bootstrap
- Le Framework Front-End
Formateur expert
Accès sur tous vos appareils
Fichiers de travail téléchargeables