Ajout et Style des Boutons
Objectifs
L'objectif de cette vidéo est d'apprendre à ajouter, personnaliser et positionner des boutons en utilisant les classes Bootstrap pour rendre les pages web plus dynamiques et interactives.
Résumé
Découvrez comment ajouter et personnaliser des boutons en utilisant les classes Bootstrap pour vos projets web.
Description
Dans cette leçon, nous allons vous montrer comment ajouter des boutons à votre code HTML et les personnaliser avec des classes Bootstrap. Nous commencerons par ajouter trois boutons pour les actions: ajouter, supprimer et modifier un membre. Nous aborderons également la façon de styliser ces boutons en utilisant les classes prédéfinies de Bootstrap telles que btn-primary, btn-warning et btn-danger.
En outre, nous verrons comment repositionner ces boutons dans votre mise en page, notamment en utilisant la classe pull-right pour aligner les boutons à droite. Pour les développeurs recherchant une personnalisation avancée, nous expliquerons les classes de taille disponibles comme btn-lg et btn-sm pour ajuster la taille des boutons selon les besoins du projet.
Enfin, nous démontrerons comment appliquer ces styles non seulement aux balises button, mais aussi aux liens () et aux éléments de formulaire (). Cette leçon est essentielle pour quiconque souhaite maîtriser la création d'interfaces utilisateur dynamiques et esthétiques en utilisant Bootstrap.
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.