首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Django中的Bootstrap Slider不工作

Django中的Bootstrap Slider不工作
EN

Stack Overflow用户
提问于 2020-02-25 22:07:18
回答 1查看 67关注 0票数 3

代码语言:javascript
运行
复制
<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>

代码语言:javascript
运行
复制
<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框架。我刚刚做了这个引导滑块,它很完美,但在我的情况下,它不工作它只显示我的图片,我包括在滑块,但滑块不工作!

EN

回答 1

Stack Overflow用户

发布于 2020-02-25 22:31:21

这对于你的工作来说应该是理想的。必须将图像放在适当的Bootstrap类中,才能在滑块中看到图像。

代码语言:javascript
运行
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60396492

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档