web-dev-qa-db-fra.com

Bootstrap 4 La classe img-circle ne fonctionne pas

J'écris un site Web en HTML5 et Bootstrap 4 et j'essaie de transformer une image carrée en cercle. Dans Bootstrap 3, cela était facilement réalisable avec .img-circle, mais maintenant, je n'arrive pas à le faire fonctionner et je ne trouve aucune réponse en ligne. Est-ce que Bootstrap a abandonné la classe img-circle ou mon code est-il foiré?

Ca fait plutot comme ca:

<!-- Within a tab-content div --> 
<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="img-circle" alt="HelPic>
</div>

J'espère que quelqu'un peut m'aider :)

htmlcsstwitter-bootstrapbootstrap-4
59
Cal Courtney

Il s’appelle maintenant rounded-circle comme expliqué ici dans la documentation BS4

<img src="img/gallery2.JPG" class="rounded-circle">

démo

125
Zim

Dans Bootstrap 4 , il a été renommé en . Rounded-circle

Utilisation:

<div class="col-xs-7">
    <img src="img/gallery2.JPG" class="rounded-circle" alt="HelPic>
</div>

Voir la migration docs à partir de bootstrap.

0
Sisindry Medagam

Maintenant la classe est ceci

 <img src="img/img5.jpg" width="200px" class="rounded-circle float-right">
0
Irving Jaime Salgado Linares