【问题标题】:BootStrap 5.0 beta 1 Carousel Slide not workingBootStrap 5.0 beta 1 轮播幻灯片不工作
【发布时间】:2021-02-05 00:23:28
【问题描述】:

我无法让旋转木马真正滑动。它只会交换到下一个项目而没有任何“幻灯片”过渡。我什至浏览了 BS 5 文档,它也没有进行幻灯片转换。它被删除了吗?

HTML:

<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-slide ="true" data-bs-ride="carousel" data-bs-interval="1000" data-bs-pause="hover"> 
  <div class="carousel-inner">
    <div class="carousel-item active " style = "background-color:red">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item" style = "background-color:blue">
      <img src="..." class="d-block w-100" alt="...">
    </div>
    <div class="carousel-item" style = "background-color:yellow">
      <img src="..." class="d-block w-100" alt="...">
    </div>
  </div>
</div>

CSS:

.carousel-item {
    height: 500px;
}

【问题讨论】:

    标签: html css bootstrap-5


    【解决方案1】:

    Windows 10 > 显示 > 在窗口中勾选显示动画

    【讨论】:

    猜你喜欢
    • 2012-04-16
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多