Я только что загрузил исходный код для Bootstrap 4 alpha 2 и не смог найти класс img-responsive в нем. Он существует в исходном коде Bootstrap 3, и я могу найти его с помощью Notepad++, но в Bootstrap 4s bootstrap.css в папке dist он не существует.
Что с ним случилось?
Изображения в Bootstrap реагируют с.img-жидкостью. max-width: 100%; и высота: авто; применяются к изображению так, что он масштабируется с родительским элементом.
Бутстрап 3: .img-responsive
Bootstrap 4: .img-fluid
Как в Bootstrap 4 Images:
Изображения в Bootstrap 4 создаются с помощью .img-Fluid. Максимальная ширина: 100%; и высота: авто; применяются к изображению так, чтобы оно масштабировалось с родительским элементом.
<img class="img-fluid" src="" alt=""> //This will make your image responsive
Кажется, вам нужно использовать новый класс img-fluid вместо img-responsive, если вы используете Bootstrap 4 alpha 2. Посмотрите: http://v4-alpha.getbootstrap.com/content/images/
Используйте класс img-fluid вместо img-responsive
см. документы
В Bootstrap 4 вы можете использовать class= "img-Fluid".
Это объяснение:
Изображения в Bootstrap создаются с помощью .img-Fluid. максимальная ширина: 100%; и высота:> авто; применяются к изображению, чтобы оно масштабировалось с родительским элементом.
Это код, который предлагается: <img src="..." class="img-fluid" alt="Responsive image">