iDangerous Swiper Pagination on the right
<p>i try to get the Pageination on the right like on the Screenshot:<a href="https://i.stack.imgur.com/qVeLV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qVeLV.png" alt="enter image description here" /></a>
The clue is that the Slider should not be sliding vertical like in the Demo.</p>
<p>This is my code so far. I put the class swiper-container-vertical on the container:</p>
<pre><code>.swiper-container-horizontal {
  .swiper-pagination-bullets {
    right: 10px !important;
    bottom: 5px;
    left: auto;
    .swiper-pagination-bullet {
      margin: 5px 0;
      display: block;
    }
  }
}
.swiper-container-vertical {
  .make-xs-column(12);
  //margin-top: 100px;
  .swiper-wrapper {
    flex-direction: row !important;
    padding-left: 10px;
  }
  .swiper-pagination {
    width: 8px;
  }
}
</code></pre>
<p>my html:</p>
<pre><code>&lt;div class=&quot;swiper-container swiper-bestseller swiper-container-vertical&quot;&gt;
    &lt;div class=&quot;swiper-wrapper&quot;&gt;
&lt;?php foreach ($bestseller as $product): ?&gt;
                            &lt;div class=&quot;swiper-slide&quot;&gt;
</code></pre>
<p>but the pagination is still on the left below the swiper.</p>
<p>Perhaps this helps a bit:
<a href="https://jsfiddle.net/w9qypqfw/2/" rel="nofollow noreferrer">https://jsfiddle.net/w9qypqfw/2/</a></p>