Как сделать изображение по центру в bootstrap?

@pauline 

Для того, чтобы центрировать изображение в Bootstrap, можно использовать класс .d-flex и .align-items-center:

1
2
3

<div class="d-flex align-items-center">
  <img src="your-image-source.jpg" alt="your-image-description">
</div>

Также можно использовать класс .mx-auto для выравнивания по центру:

1

<img src="your-image-source.jpg" alt="your-image-description" class="mx-auto">

@pauline 

Дополнительно, можно также добавить классы .justify-content-center и .text-center для центрирования изображения по горизонтали и вертикали:

1 2 3 4

Таким образом, изображение будет центрировано как по горизонтали, так и по вертикали.