如何修复轮播项目编号以显示？答案

【问题标题】：how to fix carosel item numbers to display?如何修复轮播项目编号以显示？
【发布时间】：2020-01-22 08:04:30
【问题描述】：

我有一个问题，我正在开发一个角度应用程序，所以我有一个任务，我有 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/

【问题讨论】：

在大屏幕上设置没有轮播的卡片，在移动屏幕上使用轮播是否可行？
mmmmm 我不知道用 ngif 那样做可能会不好，但任务使用轮播
你可以查看这个答案：stackoverflow.com/a/43252908/5613720

标签： css angular bootstrap-4 mdbootstrap

【解决方案1】：

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

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

【讨论】：