Bootstrap Слайдер в Django не работает

Question

<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 Framework. Я только что сделал этот слайдер bootstrap, и он идеален, но в моем сценарии он не работает, он просто показывает мне фотографии, которые я включил в слайдер, но слайдер не работает !!!

Answer 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>