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

Пользователь

от pauline , в категории: HTML/CSS , 2 года назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от craig.emmerich , 2 года назад

@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">


Пользователь

от stephon , год назад

@pauline 

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


1 2 3 4


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