title: Swiper - wrong width on init, correct width after resize
body: <p>I am working on a project using Swiper and everythings working fine after resizing the window. But on init the width of the slides is not correct. I tried reproducing this locally but without success. I set 4 slides per View, but it's calculating the width for 3 1/2 slides. I cleared everything except slidesPerView from my configuration but no change at all. Could it be some kind of collision with other frameworks or plugins? If additional information is needed to solve this issue, just ask! :-)</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="gallery_container"&gt;
      &lt;div id="galleryLeft"&gt;&lt;/div&gt;
      &lt;div id="gallery-swiper"&gt;
          &lt;div class="swiper-wrapper"&gt;
              &lt;div class="swiper-slide"&gt;
                  ...
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="galleryRight"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Initialisation:</p>
  
  <pre><code>(function($) {
      $(document).ready(function() {
          var gallery_swiper = new Swiper('#gallery-swiper', {
              slidesPerView: 3,
              spaceBetween: 0,
              speed: 500,
              prevButton: '#galleryLeft',
              nextButton: '#galleryRight'
          });
  
          var slides = gallery_swiper.slides.length;
          if(slides &lt; 4) {
              $('#galleryLeft').css("display", "none");
              $('#galleryRight').css("display", "none");
              $('#gallery_container').css({
                  "padding": "0"
              });
          }
      });
  })(jQuery);
  </code></pre>
  
  <p>Maybe notable is that the gallery_container is responsive. The slider is placed inside a column.</p>