Swiper в модальном окне

Question

Я запускаю слайдер Swiper в модальном окне.

var swiper = new Swiper('.swiper', {
            loop: true,
            autoplay: 3000,
            speed: 1500,
            prevButton: '.prev',
            nextButton: '.next',
            observer: true,
            observeParents: true,
            slidesPerView: 3,
            spaceBetween: 30,
            breakpoints: {
                640: {
                    slidesPerView: 1,
                    spaceBetween: 30,
                }
            }
        });

Связанный HTML:

<a data-toggle="modal" data-target="#certificates__modal">
    <div class="blue-button">
        <span class="text">
            modal
        </span>
    </div>
</a>

<section id="certificates__modal" class="certificates__modal modal fade">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="container">
                <div class="certificates__swiper swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="background-image" style="background: url('img/certificates/01.jpg') 50% no-repeat;"></div>
                        </div>
                        <div class="swiper-slide">
                            <div class="background-image" style="background: url('img/certificates/02.jpg') 50% no-repeat;"></div>
                        </div>
                        <div class="swiper-slide">
                            <div class="background-image" style="background: url('img/certificates/03.jpg') 50% no-repeat;"></div>
                        </div>
                    </div>
                </div>
                <div class="prev-slide-button"></div>
                <div class="next-slide-button"></div>
            </div>
        </div>
    </div>
</section>

Когда размер моего дисплея меньше 576 пикселей, ширина фотографий автоматически становится равной 0. У меня сумасшествие. Я даже не знаю, где найти эту проблему... Помогите кому-нибудь, пожалуйста. Может быть, у кого-то была такая же проблема

Answer 1

Возникла проблема с "контейнерным" блоком. Я не знаю, как насчет критической точки начальной загрузки и swiper, но исключение помогло мне