Bootstrap 4 класс img-circle не работает

Я пишу веб-сайт в HTML5 и Bootstrap 4, и я пытаюсь превратить квадратное изображение в круг. В Bootstrap 3 это было легко сделать с .img-circle, но теперь я не могу заставить его работать, и я не могу найти ответы в Интернете. Загрузил ли Bootstrap класс img-circle или мой код перепутался?

Это выглядит примерно так:

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

Надеюсь, кто-нибудь может мне помочь:)

Ответы

Ответ 1

Теперь он называется rounded-circle как описано здесь в документации BS4.

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

демонстрация

Ответ 2

Теперь класс это

 <img src="img/img5.jpg" width="200px" class="rounded-circle float-right">

Ответ 3

В Bootstrap 4 он был переименован в .ounded-circle

Использование:

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

Смотрите документы по миграции с начальной загрузки.