Я задаю этот вопрос в надежде, что на этот раз я задам его лучше.Моя навигационная панель начальной загрузки 4 на моей домашней странице (шаблон альбома) не щелкает по ссылкам open и dsiplay.Вот картина того, что происходит, когда я пытаюсь загрузить эту страницу в Django.Эти три строки не могут быть нажаты и открыты.
Вот что должно произойти, если щелкнуть эти три строки.
Я правильно загрузил Boostrap album.min.css, и страница загружается и выглядит точно так же, как в оригинальном примере альбома.Я также загрузил таблицу стилей для этой страницы.Это выглядит точно так же, как пример альбома, за исключением того, что ссылка на панель навигации не может быть нажата.Все остальное работает отлично.Мои статические файлы загружаются.
Вот HTML-файл.
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Album example for Bootstrap</title>
<link href="{% static 'css/album.min.css' %}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{% static 'css/album.css' %}" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script href="{% static 'js/jquery.js' %}" ></script> <!--jquery-->
<!-- <script href = "{% static 'js/collapse.js' %}"></script>
<script href = "{% static 'js/dropdown.js' %}"></script> -->
</head>
<body>
<div class="collapse bg-inverse" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 py-4">
<h4 class="text-white">
<li><a href="{% url 'about' %}">About</a></li>
</h4>
<p class="text-muted">About us.</p>
</div>
<div class="col-sm-4 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li><a href="{% url 'contact' %}" class="text-white">Contact us</a></li>
<li><a href="#" class="text-white">Like on Facebook</a></li>
<li><a href="#" class="text-white">Follow on Twitter</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar navbar-inverse bg-inverse">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand">MedTrend</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
Вот мой файл настроек, связанный с этим.
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(os.path.abspath(os.path.dirname(__file__)), "static",),
)