Размещение фонового изображения на карусели Bootstrap

Question

Я пытаюсь нанести фоновое изображение на правую и левую стороны карусели.Проблема заключается в том, что карусель имеет set-width (max-width: 1000px) и margin: auto для центрирования, поэтому нет места для размещения наложения или фонового изображения вокругкарусель.Есть ли способ разместить фоновое изображение за каруселью?

Скриншот страницы приведен ниже

Answer 1

Заверните карусель в контейнерную ячейку шириной 100% и поместите на нее фоновое изображение.

<div class = "div-with-background-image">
  <div class = "carousel">
    <!-- carousel stuff in here -->
  </div>
</div>