微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

BootStrap 5.0 beta 1 Carousel Slide 不工作

如何解决BootStrap 5.0 beta 1 Carousel Slide 不工作

我无法让转盘真正滑动。它只会切换到下一个项目,而没有任何“幻灯片”过渡。我什至阅读了 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;
}

解决方法

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。