Нет img-отзывчивого в Bootstrap 4

Я только что загрузил исходный код для Bootstrap 4 alpha 2 и не смог найти класс img-responsive в нем. Он существует в исходном коде Bootstrap 3, и я могу найти его с помощью Notepad++, но в Bootstrap 4s bootstrap.css в папке dist он не существует.

Что с ним случилось?

Ответ 1

Из документации Bootstrap 4:

Изображения в Bootstrap реагируют с.img-жидкостью. max-width: 100%; и высота: авто; применяются к изображению так, что он масштабируется с родительским элементом.

Ответ 2

Бутстрап 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

Ответ 3

Кажется, вам нужно использовать новый класс img-fluid вместо img-responsive, если вы используете Bootstrap 4 alpha 2. Посмотрите: http://v4-alpha.getbootstrap.com/content/images/

Ответ 4

Используйте класс img-fluid вместо img-responsive

см. документы

Ответ 5

В Bootstrap 4 вы можете использовать class= "img-Fluid".

Это объяснение:

Изображения в Bootstrap создаются с помощью .img-Fluid. максимальная ширина: 100%; и высота:> авто; применяются к изображению, чтобы оно масштабировалось с родительским элементом.

Это код, который предлагается: <img src="..." class="img-fluid" alt="Responsive image">