Как сделать в Bootstrap'е фон блока в край окна?

Question

[Никита Мелихов]

Подскажите, как можно сделать такой блок, как с отзывами на примере?



Суть в том, что там .container, но фото отзыва вылезает из него в край экрана.
Пока из мыслей разве что вынести эту колонку в .container-fluid, а поверх уже поместить .container с абсолютным позиционированием.

Comments

[Ильдар Ногманов]

Приложи текущий код, чтобы не гадать

[Никита Мелихов]

Ильдар Ногманов, текущего кода нет.

Допустим, будет такой:

<section class="sliders">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6">[ Слайдер с логотипами ]</div>
            <div class="col-12 col-md-6">[ Слайдер с отзывами]</div>
        <div>
    </div>
</section>

Но это если отзывы будут не в край окна, как надо, а в половину контейнера.

Answer 1

[Антон Иванов]

Ваша идея с container-fluid + container правильная.

.container-fluid - тут картинка в background-image
        .container
            .row
                .col-6
                .col-6

Comments

[Никита Мелихов]

Суть в том, что картинка только на половину контейнера и она будет использоваться в слайдере.