【问题标题】:Bootstrap slider animation issue引导滑块动画问题
【发布时间】:2020-07-12 05:58:56
【问题描述】:

我正在使用引导滑块,图像在那里,它们每隔几秒钟切换一次,几乎一切正常。但它不会显示动画,就像突然改变图像一样。代码如下:

    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="d-block w-100" src="{% static 'img/slider1.png' %}" alt="First slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="{% static 'img/slider2.jpg' %}" alt="Second slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="{% static 'img/slider3.jpg' %}" alt="Third slide">
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
     </div>

注意:我使用的是 Django,并且之前加载了 {% static %},所以这不是问题。我还从引导程序中插入了脚本。

【问题讨论】:

    标签: javascript html css django bootstrap-4


    【解决方案1】:

    这是最新 Bootstrap v4.1 的一个已知问题

    尝试降级到 v4.0,这样就可以了

    【讨论】:

    • 我该怎么做?
    • 在您当前包含 v4.1 的&lt;script&gt; 中使用 BS 4.0 的 CDN
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2018-10-11
    • 1970-01-01
    • 2012-06-21
    • 1970-01-01
    • 1970-01-01
    • 2021-02-26
    相关资源
    最近更新 更多