iT邦幫忙

0

Flask渲染bootstrap carousel

  • 分享至 

  • xImage

https://ithelp.ithome.com.tw/upload/images/20220419/201483536Rc2mHr9Ak.jpg
https://bootstrap5.hexschool.com/docs/5.1/components/carousel/
小弟我使用bootstrap carousel這個元件
上面的圖是bootstrap的範例圖
我想把我python的資料渲染上去
但是切換按鈕都無法動作 只顯示第一個輪播的img
html的地方其他都沒變
只有改以下這邊

  {% for tmp in tmps %}
  <div class="carousel-item active">
    <img src={{tmp[3]}} class="d-block w-100" alt="...">
    <div class="carousel-caption d-none d-md-block">
      <h5><a href="{{tmp[2]}}">{{tmp[0]}}<</h5>
      <p href="{{tmp[2]}}">{{tmp[1]}}</p>
    </div>
  </div>

  {% endfor %}

</div>

感謝大神指教

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答