Django导航丸导航不起作用

Question

我是Django和bootstrap的新手。我正在尝试创建一个带有2个标签的标签页面板。每个都包含一个表。这是我的代码

{% extends "layouts/main.html" %}

{% block content %}

<div class="container-fluid bg-dark">
    <div class="container text-center menu-meals">
        <ul class="nav nav-pills center-pills">
            <li role="presentation" class="active"><a href="#deputati">Deputati</a></li>
            <li role="presentation"><a href="#senatori">Senatori</a></li>
        </ul>
    </div>
</div>
<div id="my-tab-content" class="tab-content">
    <div class="tab-pane active" id="deputati">
        <h1>Lista Deputati Legislatura Corrente</h1>
        <table class="table">
            <tr>
                <th>Gruppo Parlamentare</th>
                <th>Deputato</th>
            </tr>
            {% for deputato in deputati %}
            <tr>
                <td>{{ deputato.sigla_gruppo_parlamentare }}</td>
                <td>{{ deputato.nome }} {{ deputato.cognome }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
    <div class="tab-pane" id="senatori">
        <h1>Lista Senatori Legislatura Corrente</h1>
        <table class="table">
            <tr>
                <th>Gruppo Parlamentare</th>
                <th>Senatore</th>
            </tr>
            {% for senatore in senatori %}
            <tr>
                <td>{{ senatore.nome_gruppo_parlamentare }}</td>
                <td>{{ senatore.nome }} {{ senatore.cognome }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>
</div>
{% endblock %}

但是当我点击标签时，内容不会改变..我忘记了什么？