css - 如何修复要显示的轮播项目编号？

问题描述

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

标签： cssangularbootstrap-4mdbootstrap

css - 如何修复要显示的轮播项目编号？

问题描述

解决方案

推荐阅读