Как получить связанные объекты в навигационных вкладках в Django

Question

У меня есть три связанных модели, которые я хочу получить связанные объекты во вкладках под навигацией

Вид

def quiz_department(request, dept_id):
    department = get_object_or_404(Department, id=dept_id)
    subject = department.subject_set.all()
    return render(request,\
        "multiquiz/department.html",\
        {"department":department, "subject":subject})

def subjects(request, subject_id):
    subject = Subject.objects.get(id=subject_id)
    return render(request, 'multiquiz/subjects.html', {"subject":subject})

department.html

{% extends "base.html" %}

{% block content %}
    <h1>{{department.department}}</h1>
    <ul class="nav nav-tabs">
    {% for sub in subject %}
        <li class="nav-item">
            <a class="nav-link" href="{% url "multichoice:subjects" sub.id %}">{{sub.subjects}}</a>
        </li>
    {% endfor %}
    </ul>  
{% endblock %}

subject.html

{% extends "base.html" %}

{% block content %}
<h1>{{subject.department.department}}</h1>
    <ul class="nav nav-tabs">
        <a href=""></a>
    </ul>
    <div class="container">
    <div class="col-lg-6">  
    <div class="jumbotron">
        {% for question in subject.question_set.all %}
            {{question.text}}
        {% endfor %}
    </div>
</div>
</div>
{% endblock %}

Теперь мне было интересно, что я пытался не понять это. как получить что-то вроде этого изображения.

любое предложение, указатели будут с благодарностью приняты мной. пс: igonore изображение опечатка ;)