Question

我有一个问题，我正在开发一个有角度的应用程序，所以我有一个任务，我有5张卡，而我正在使用mdbootstrap，所以我说我有5张卡，我想使用轮播显示它们，但我的想法是在大屏幕上一次显示5张卡，并且仅在移动尺寸中使用该轮播，但是尽管我的卡的宽度很小，但该轮播仅显示一张卡，是否有人知道如何执行此操作？谢谢你

我的卡代码

 <div class="d-flex flex-column justify-content-end buttomdivheight" >
       <div class="d-flex justify-content-between" >
         <div class="d-flex flex-column align-self-end">
          <span class="bottomtoptitles assesscolor" style="font-size: 0.8em">Projects  </span>
          <span class="bottomtoptitles assesscolor" style="font-size: 0.8em">to evaluate:</span>
          <span class="bottombottomnumber assesscolorbottombackground"> 0/30</span>
         </div>
         <div  class="d-flex flex-column">
          <br>
          <span class="bottomtoptitles assesscolor">Starts in:</span>
          <span class="bottombottomnumber assesscolorbottombackground">00:00:00:00</span>
         </div>
       </div>
  </div>

和轮播链接https://mdbootstrap.com/docs/angular/advanced/carousel/

Answer 1

您可以使用NgPrime carousel，因为它更灵活。

参考：https://stackoverflow.com/a/43252908/5613720

如何确定要显示的卡塞尔项目编号？

1 个答案: