Адаптивное меню кнопок начальной загрузки не работает в проекте Django - PullRequest
0 голосов
/ 06 января 2019

Я пишу проект Джанго. Я создал статическую папку в моем приложении. Кнопка Te не отображает меню при изменении размера браузера. Это бесплатный шаблон, который я скачал, когда я использовал его в своем проекте Django, он не работает.

<!DOCTYPE html>
<html lang="fr" dir="ltr" class="no-js">
{% load static %}
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<title></title>
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/Styles_accueil.css' %}" />
<!-- <link rel="stylesheet" type="text/css" href="{% static 'accueil/css/bootstrap.css' %}" /> -->
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/normalize.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/main.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/font-awesome.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/animate.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/bootstrap.min.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/style.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'accueil/css/responsive.css' %}">
<script src="{% static 'accueil/js/vendor/modernizr-2.8.3.min.js' %}"></script>

<header id="home">

  <!-- Main Menu Start -->
  <div class="main-menu">
    <div class="navbar-wrapper">
      <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle Navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>

            <!-- <a href="#" class="navbar-brand"><img src="{% static 'accueil/img/correspondx.png' %}" /></a> -->
          </div>

          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
              <li> <a href="/accueil/">Accueil</a></li>
              <li> <a href="/apropos/">A propos</a></li>
              <li><a href="/contacternous/">Nous contacter</a></li>
            </ul>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- Main Menu End -->



</header>

1 Ответ

0 голосов
/ 06 января 2019

Вам также необходимо добавить ссылку на bootstrap.js или bootstrap.min.js в разделе head ... также потребуется jQuery.

Вы можете скачать его или использовать CDN:

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