Django中的引导滑块不起作用答案

【问题标题】：Bootstrap Slider in Django is not workingDjango中的引导滑块不起作用
【发布时间】：2020-06-09 07:08:37
【问题描述】：

<li data-target="#myCarousel" data-slide-to="0" class="active"></li>

<li data-target="#myCarousel" data-slide-to="1"></li>

<li data-target="#myCarousel" data-slide-to="2"></li>

<div class="item active ">

  <img src="{% static 'imgs/pic1.jpg' %}" alt="Bank1">

</div>

<div class="item">
    <img src="{% static 'imgs/pic2.jpg' %}" alt="Bank2">

</div>

<div class="item">

  <img src="{% static 'imgs/pic3.jpg' %}" alt="Bank3">

</div>

滑块不起作用，它只显示图片，我想要滑块，我正在使用 Django 框架。我刚刚制作了这个引导滑块，它很完美，但在我的场景中，它不起作用，它只显示我包含在滑块中的图片，但滑块不起作用！！！

【问题讨论】：

你能分享滑块标记吗？这只是三个带有图像的 div，它们只会显示这些图像。
这是我到现在为止的全部代码，我只是将它用于基于银行系统的 Web 应用程序。如果您知道如何制作或者您可以更正它，我只能为滑块制作该代码，所以请帮忙！
为您完成这项工作无济于事。您应该查看Bootstrap Carousel 组件和range input。这些将帮助您走上正轨。

标签： jquery html bootstrap-4

【解决方案1】：

这应该非常适合您。您必须将图像放置在适当的 Bootstrap 类中，才能在滑块中看到图像。

<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
  <div class="carousel-inner">
     <div class="carousel-item active">
        <img class="d-block w-100" src="{% static 'imgs/pic1.jpg' %}" alt="First slide">
     </div>
     <div class="carousel-item">
        <img class="d-block w-100" src="{% static 'imgs/pic2.jpg' %}" alt="Second slide">
     </div>
     <div class="carousel-item">
        <img class="d-block w-100" src="{% static 'imgs/pic3.jpg' %}" alt="Third slide">
     </div>
  </div>
</div>

【讨论】：

但带有引导类。