Le meilleur didacticiel Image Bootstrap en 2024, dans ce didacticiel, vous pouvez apprendre Exemples,<Img> class,Image Responsive,Exemples,
Dans ce chapitre, nous allons apprendre le soutien Bootstrap pour une image. Bootstrap fournit trois peuvent être appliqués à l'image simple classe de style:
Considérez les exemples suivants démontrent:
Les résultats sont les suivants:
Les classes suivantes sont disponibles à toute image.
catégorie | description | Exemples |
---|---|---|
.img-arrondie | Ajout d'un filet d'image (IE8 ne fonctionne pas) | essayer |
.img-cercle | L'image devient circulaire (IE8 ne fonctionne pas) | essayer |
.img-thumbnail | Miniatures | essayer |
.img sensible | Photos Responsive (va bien évoluer à l'élément parent) | essayer |
Par balise <img> pour ajouter la classe de support d'image .img sensible pour faire une conception adaptée. Photos vont échelle bien à l'élément parent.
.img sensible classe max-width: 100%; et la hauteur: auto; le style est appliqué sur l'image: