title: How to use vue-awesome-swiper component only on mobile grid
body: <p>I have two bootstrap cols with content. On a large scale, cols are getting half of the row and on a mobile scale, cols are getting all row width and sitting one above another, like a typical grid. I want to use the vue-awesome-swiper on a mobile scale so that I can swipe columns instead of scrolling down to a bottom col. At the same time, I don't need swiper on a large scale, where columns fit one-row width. How can I rich it? How to use the vue-awesome-swiper component only on a mobile scale and don't use it on large one.
  Some code to illustrate the case:</p>
  
  <pre><code>&lt;div class="row h-100"&gt;
     &lt;div class="col gauche"&gt;
        &lt;!-- Some content here --&gt;
     &lt;/div&gt;
     &lt;div class="col gauche"&gt;
        &lt;!-- Some content here --&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With swiper:</p>
  
  <pre><code>&lt;div class="row h-100"&gt;
     &lt;swiper class="swiper"&gt;
       &lt;swiper-slide&gt;
         &lt;div class="col gauche"&gt;
            &lt;!-- Some content here --&gt;
         &lt;/div&gt;
       &lt;/swiper-slide&gt;
       &lt;swiper-slide&gt;
         &lt;div class="col gauche"&gt;
            &lt;!-- Some content here --&gt;
         &lt;/div&gt;
       &lt;/swiper-slide&gt;
     &lt;/swiper&gt;
  &lt;/div&gt;
  </code></pre>