Contenu du cours
Essentiels de Bootstrap pour les Sites Web Modernes
Essentiels de Bootstrap pour les Sites Web Modernes
Images
Image réactive
Les images réactives sont cruciales. La classe img-fluid
de Bootstrap facilite cela. Appliquez-la à n'importe quel élément <img>
, et il s'ajustera à la taille de la fenêtre d'affichage, garantissant un redimensionnement parfait et des mises en page cohérentes sur tous les appareils et tailles d'écran.
Vignettes d'image
Les vignettes d'image ajoutent une touche soignée et élégante à l'apparence de votre page web. La classe img-thumbnail
de Bootstrap offre des coins arrondis et des bordures subtiles pour assurer un aspect propre et uniforme.
Formes d'image
Pourquoi se contenter d'images rectangulaires ennuyeuses quand vous pouvez ajouter une touche de personnalité ? Bootstrap propose des classes pour façonner les images, y compris :
rounded
: Adoucissez les bords avec des coins arrondis pour une touche douce ;rounded-circle
: Adoptez le cercle de la vie avec des images parfaitement arrondies ;rounded-pill
: Passez à la vitesse supérieure avec des images en forme de pilule pour un look élégant et moderne.
index.html
Merci pour vos commentaires !