Строка выпадающего меню bootstrap не работает

Я пытаюсь создать выпадающую панель с помощью bootstrap на сайте Django. В основном, я хочу сделать так: bar с заголовком class и когда кто-то нажимает на панель, class video открывается как выпадающее меню. Но по какой-то причине это не работает. На панели появляется {{ item.title }}, но выпадающее меню не работает. Поэтому пользователи не могут увидеть видео. Может ли кто-нибудь помочь мне решить эту проблему?

Мой html-файл:

{% extends "class/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
  <h1>{{ object.title }}</h1>
    {% for item in object.classes.all %} 
        <div class="dropdown">
          <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            {{ item.title }}
          </button>
              <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
                <button class="dropdown-item" type="button"><video controls width="250"> <source src="{{ item.video.url }}" type="video/mp4"> Sorry, your browser doesn't support embedded videos. </video></button>
              </div>
        </div>
        
        
    {% endfor %}

{% endblock content %}

Заранее спасибо!

Вернуться на верх