Swiper im modalen Fenster

Question

I Init Swiper Schieberegler im modalen Fenster.

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, 
       } 
      } 
     }); 

Verwandte 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> 

Wenn meine Anzeige weniger als equaly 576px, Fotos automatisch Breite 0 haben Ich habe einen Wahnsinn mit ihm. Ich weiß nicht einmal, wo ich dieses Problem finde ... Hilf jemandem, bitte. Vielleicht hatte jemand das gleiche Problem

Answer 1

Es gab ein Problem mit "Container" -Block. Ich weiß nicht, was ist mit dem kritischen Punkt von bootstrap und swiper, aber ausgeschlossen half mir