如何在移动视图中设置轮播滑块视图仅显示2张幻灯片和桌面视图4张幻灯片？

Question

使用bootstrap是最好的方式，还是任何建议和示例？

  <div class="swiper-container">
  <div class="swiper-wrapper">
  <div class="swiper-slide">Slide 1</div>
  <div class="swiper-slide">Slide 2</div>
  <div class="swiper-slide">Slide 3</div>
  <div class="swiper-slide">Slide 4</div>
  <div class="swiper-slide">Slide 5</div>
  <div class="swiper-slide">Slide 6</div>
  <div class="swiper-slide">Slide 7</div>
  <div class="swiper-slide">Slide 8</div>
  <div class="swiper-slide">Slide 9</div>
  <div class="swiper-slide">Slide 10</div>
  </div>
  </div>

Answer 1

假设你说'＃34;移动视图＆＃34;你的意思是小手持设备，添加类＆＃34; hidden-xs＆＃34;到不想要显示的幻灯片。