Пользовательская тема для Browsable API не отображается должным образом

Question

Я пытаюсь перезаписать CSS-файлы для доступного API, но тема не отображается должным образом.

В частности:

1) Навбар не отображается должным образом.

2) Кнопка Get смещена из своего правильного положения

3) Навигационные ссылки вверху не имеют стрелок или косых черт.

Мой код

-proj
--app
--templates
----rest_framework
------api.html
--proj
----settings.py

settings.py

TEMPLATES = [
{
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    #'DIRS': [os.path.join(BASE_DIR, 'templates')],
    'DIRS' : [],
    'APP_DIRS': True,
    'OPTIONS': {
        'context_processors': [
            'django.template.context_processors.debug',
            'django.template.context_processors.request',
            'django.contrib.auth.context_processors.auth',
            'django.contrib.messages.context_processors.messages',
        ],
    },
},]

api.html

{% extends "rest_framework/base.html" %}

{% block bootstrap_theme %}
    <link rel="stylesheet" href="https://bootswatch.com/4/cerulean/bootstrap.min.css" type="text/css">
{% endblock %}




{% block branding %}
    <a class="navbar-brand" rel="nofollow" href="#">
        My Title
    </a>
{% endblock %}

Answer 1

В соответствии с документацией по DRF (https://www.django -rest-framework.org / themes / browsable-api / )

API с возможностью просмотра создается с помощью Bootstrap в Twitter (v 3.3.5)

Они указывают на сайт Bootswatch (https://bootswatch.com/) для готовых тем, но теперь он содержит темы для Bootstrap 4. Он дает ссылки типа https://bootswatch.com/4/cerulean/bootstrap.min.css для загрузки. Я только что изменил с 4 на 3: https://bootswatch.com/3/cerulean/bootstrap.min.css, и загруженная тема выглядит нормально.