Html не распознает блок, аргументы конечного блока. Django запрос - PullRequest
0 голосов
/ 13 марта 2020

* У меня проблемы с индексом. html Файл. {% extends 'base. html'%} работает. Но все ч / б {% block content%} {% endblock content%} не выполняется. Вот мои файлы.

views.py: - *

from django.shortcuts import render
def index(request):
    return render(request, 'main/index.html')

base. html: -

<!doctype html>
{%load static %}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
            integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
            integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
            crossorigin="anonymous"></script>
    <title>To Do App</title>
</head>
<body>
<div>
    <nav class=" navbar fixed-top navbar-dark bg-dark">
        <a class="navbar-brand" href="/">To Do App</a>
    </nav>
    <div class="container">
        {% block content %}
        {% endblock content %}
    </div>
</div>
</body>
</html>

index. html: -

{% extends 'base.html'%}
{% block content %}
<div class="row">
    <div class="col">
        <h2>Add Item</h2>
    </div>
</div>
{% endblock content %}

Все, что он показывает, - это навигационная панель темного цвета с надписью «Сделать приложение». Я также попытался добавить дополнительные элементы, такие как форма, но это не сработало. добавил этот заголовок с надписью Add Item. И угадайте, что не работает

Ответы [ 2 ]

1 голос
/ 13 марта 2020

Когда я проверяю элементы в браузере, я вижу ваш заголовок "Добавить элемент". Единственная проблема заключалась в том, что все <div class="container">...</div> было спрятано за навигационной панелью. И причина была CSS. Добавление что-то вроде margin-top: 56px в .container может решить проблему.

0 голосов
/ 13 марта 2020

На основании документации вы должны использовать только тег ' endblock ' при закрытии тега. Поэтому вы должны заменить {% endblock content %} на {% endblock %}.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...