Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Apprendre Images | Concepts Avancés
Essentiels de Bootstrap pour les Sites Web Modernes
course content

Contenu du cours

Essentiels de Bootstrap pour les Sites Web Modernes

Essentiels de Bootstrap pour les Sites Web Modernes

1. Comprendre Bootstrap
2. Configuration de l'Environnement
3. Concepts de Base
4. Concepts Avancés
5. Créer un Site Web de Portfolio avec Bootstrap

book
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.
html

index.html

copy

Tout était clair ?

Comment pouvons-nous l'améliorer ?

Merci pour vos commentaires !

Section 4. Chapitre 2
We're sorry to hear that something went wrong. What happened?
some-alt