Bootstrap nav-brand исчезает при переходе на страницу, отличную от индексной

Я новичок в Python, Django и Bootstrap, и мне стало интересно, почему nav-brand исчезает, когда я перехожу на другую страницу или вид, отличный от index. В моем случае nav-brand является источником изображения, и ниже приведен следующий код для моего base.html:

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light p-md-3">
        <div class="container-fluid">
            <a class="navbar-brand" href="{% url 'index' %}">
                <img src="static/images/logo150x63_2_2DP.png" alt="">
            </a>
            <button class="navbar-toggler" 
                    type="button" 
                    data-bs-toggle="collapse" 
                    data-bs-target="#navbarText" 
                    aria-controls="navbarText" 
                    aria-expanded="false" 
                    aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
             </button>

      <div class="collapse navbar-collapse" id="navbarText">
          <div class="mx-auto">

          </div>
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
              <li class="nav-item">
                  <a class="nav-link active" aria-current="page" href="{% url 'index' %}">Home</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" href="{% url 'basic_portfolio:uniprojects' %}">University Projects</a>
              </li>
              <li class="nav-item">
                  <a class="nav-link" href="{% url 'basic_portfolio:contact' %}">Contact</a>
              </li>
          </ul>
      </div>
    </div>
  </nav>
{% block content %}

{% endblock %}

Ниже представлен мой файл views.py:

from django.shortcuts import render

def index(request):
    return render(request, 'basic_portfolio/index.html')

def uniprojects(request):
    return render(request, 'basic_portfolio/uniprojects.html')

def contact(request):
    return render(request, 'basic_portfolio/contact.html')

Файл urls.py моего проекта:

from django.contrib import admin
from django.urls import path, include
from basic_portfolio import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.index, name='index'),
    path('projects/', include('basic_portfolio.urls')),
]

Файл urls.py моего приложения:

from django.urls import path, include
from basic_portfolio import views

app_name = 'basic_portfolio'

urlpatterns = [
    path('university_projects/', views.uniprojects, name='uniprojects'),
    path('contact/', views.contact, name='contact'),
]

Ваше изображение использует URL-адрес, который является относительным для текущей страницы. При переходе на другую страницу оно не может быть найдено, так как путь изменился.

Вам нужно либо дать изображению абсолютный URL, либо сделать его относительным к корню сайта, добавив предшествующее "/".

<img src="/static/images/logo150x63_2_2DP.png" alt="">

Вот хороший ответ, объясняющий различия

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