Свойство object-fit в Bootstrap работает для управления отображением контента, позволяя изменять размер изображения или видео, чтобы оно помещалось внутри контейнера. 13

Функция object-fit сохраняет соотношение сторон или растягивает содержимое, чтобы заполнить контейнер. 1 Для этого в Bootstrap предусмотрены пять классов: 2

1. .object-fit-contain. 2 Помещает весь объект в контейнер, сохраняя пропорции. 2 Если контейнер выше изображения, будет пустое пространство сверху и снизу. 2
2. .object-fit-cover. 2 Закрывает весь контейнер, возможно обрезая объект. 2
3. .object-fit-fill. 2 Растягивает объект, чтобы заполнить контейнер, возможно искажая его. 2
4. .object-fit-scale. 2 Увеличивает объект до максимума без обрезки или растяжения. 2
5. .object-fit-none. 2 Игнорирует размер контейнера, используя исходный размер объекта. 2

Bootstrap позволяет применять разные классы object-fit для разных размеров экрана, что помогает оптимизировать отображение контента в зависимости от устройства. 2