Для того чтобы затемнить картинку с помощью Bootstrap, можно использовать встроенный класс bg-dark для элемента-контейнера картинки. Этот класс установит темный цвет фона поверх картинки, что создаст эффект затемнения.
Пример кода:
<div class="container"> <img src="image.jpg" class="img-fluid bg-dark" alt="Затемненная картинка"> </div>
В этом примере мы создаем контейнер с классом container, внутри которого располагается изображение с классами img-fluid bg-dark. Класс img-fluid от Bootstrap делает изображение адаптивным и подстраивает его под размер контейнера, а класс bg-dark устанавливает темный цвет фона поверх картинки.
Помимо класса bg-dark, Bootstrap также предоставляет другие классы, которые могут быть использованы для наложения различных эффектов на изображения, такие как bg-primary, bg-secondary, bg-info, bg-light и другие. Их можно комбинировать с другими классами для достижения нужного эффекта стилизации изображений.