如何使用多篇文章固定Swiper的垂直高度

Question

我想创建一个带有多个元素的滑动器。 swiper的响应能力在移动版本中有效，但是对于台式机，swiper-slides内部的自动高度过大。

框架： 布尔玛：-https://bulma.io/ 滑动：-https://idangero.us/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"
})
});

我希望元素之间没有响应高度，但不同元素之间具有自动高度