Как исправить вертикальную высоту Swiper с несколькими статьями в ней - PullRequest
Новая
       24

Как исправить вертикальную высоту Swiper с несколькими статьями в ней

0 голосов
/ 20 мая 2019

Я хочу создать swiper с несколькими элементами в нем.отзывчивость swiper работает в мобильной версии, но для рабочего стола высота авто слишком велика внутри слайдеров.

Каркасы: Bulma: - https://bulma.io/ Swiper: - https://idangero.us/swiper/

Я уже пытался удалить автоматическую высоту, но в этом случае все элементы swiper сразу видны. 

/*The HTML container*/

<div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide columns is-multiline">
            <article class=" column is-half">
               <img src="assets/media/icons/securite.svg" alt="security">
               <h3>Protection</h3>
               <p>one element</p>
            </article>
             <article class="column is-half">
                <img src="assets/media/icons/cortana.svg" alt="cortana">
                 <h3>Assisstant vocal</h3>
                 <p>this one is right</p>
             </article>
             <article class="column is-half">
                 <img src="assets/media/icons/money.svg" alt="money">
                  <h3>Economique</h3>
                  <p>this article got too big height properties</p>
             </article>
             <article class="column is-half">
               <img src="assets/media/icons/phone.svg" alt="responsive">
               <h3>Universel</h3>
               <p>this article got too big height properties</p>
             </article>

              </div>
         </div>
       </div>
/*Jquery initalize the swiper */

$(document).ready(function () {
var mySwiper = new Swiper ('.swiper-container', {
    mousewheel:"true"
})
});

Я ожидаю, что высота между элементами не будет реагироватьно иметь автоматическую высоту между дифференциалами

...