Как сделать адаптивное изображение с помощью Bootstrap?

У меня есть два блока col-lg-6:

<div class="container">
            <div class="row">
                <div class="col-lg-6 mt-5">
                    <p>Text</p>
                </div>
                <div class="col-lg-6 mt-5 illustration_bg">
                    <img src="img/krolik_paczki.svg" alt="logo">
                </div>
            </div>
        </div>


Один блок должен содержать изображение, которое должно быть больше него. И изображение должно адаптироваться согласно размеру экрана. Сейчас при уменьшении экрана появляется горизонтальный скролл и изображение выходит за пределы экрана.

5e6628b6ba9a6707958384.png

Каким способом это можно сделать?
  • Вопрос задан
  • 120 просмотров
Пригласить эксперта
Ответы на вопрос 1
develx
@develx
Web developer
.img {
  max-width: 100%;
  height: auto;
}

У bootstrap есть класс .img-fluid
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы