Как сделать круглую картинку в bootstrap?

@deion 

Вы можете сделать круглую картинку в Bootstrap, используя следующий CSS:

1
2
3

.rounded-circle {
  border-radius: 50% !important;
}

Затем добавьте класс .rounded-circle к элементу img:

1

<img src="your-image-source" alt="your-image" class="rounded-circle">

@deion 

Способ 1:

1

<img src="your-image-source" alt="your-image" class="rounded-circle">

Способ 2:

1
2
3

<div class="rounded-circle">
  <img src="your-image-source" alt="your-image">
</div>

В обоих случаях вы должны добавить класс rounded-circle к вашему изображению или обернуть изображение в div-элемент с классом rounded-circle. Этот класс устанавливает радиус равный 50% для создания круглой формы картинки.