Comment obtenir des coins arrondis dans bootstrap

Bootstrap propose quatre styles pour la classe <img alt="Comment obtenir des coins arrondis dans bootstrap" >, qui sont :

.img -arrondi : coins arrondis (non pris en charge par IE8), ajoutez border-radius:6px pour obtenir des coins arrondis de l'image (apprentissage recommandé : Tutoriel vidéo Bootstrap)

 ; circle : circulaire (non pris en charge par IE8), ajoutez border-radius:50% pour rendre l'image entière circulaire.

.img-thumbnail : Fonction vignette, ajoutez un peu de remplissage et une bordure grise.

.img-responsive : image réactive (s'adaptera bien aux éléments parents).

Utilisation :

Ajouter le style de classe directement à la classe :

<img  alt="Comment obtenir des coins arrondis dans bootstrap" >

L'effet est le suivant :

Vous pouvez voir les effets de l'utilisation de différents styles sur l'image. Il est très simple et pratique de traiter l'image.

Pour des articles plus techniques liés à Bootstrap, veuillez visiter la colonne Tutoriel Bootstrap pour apprendre !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!