Как ввести выпадающий элемент внутри панели навигации - PullRequest
Новая
       53

Как ввести выпадающий элемент внутри панели навигации

0 голосов
/ 22 мая 2019

Я создал заголовок с внутренней панелью навигации

Я бы хотел, чтобы элемент стал выпадающим меню. Но я не понимаю, почему не появляется мой товар.

Я вижу по ссылке, что это кажется простым: https://getbootstrap.com/docs/4.0/components/navs/

Таблетки с выпадающими списками 

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<header>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
    <div class="dropdown-menu">
      <a class="dropdown-item" href="#">Action</a>
      <a class="dropdown-item" href="#">Another action</a>
      <a class="dropdown-item" href="#">Something else here</a>
      <div class="dropdown-divider"></div>
      <a class="dropdown-item" href="#">Separated link</a>
    </div>
  </li>

  <header>

ИТЕК-ЕР 

<div class="collapse navbar-collapse" id="navbarColor01">
  <ul class="navbar-nav mr-auto">
    <li class="nav-item active">
      <a class="nav-link" href="index.html">Applications<span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="wiki.html">Wiki</a>
    </li>

    <li class="nav-item dropdown">
        <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
        <div class="dropdown-menu">
          <a class="dropdown-item" href="#">Action</a>
          <a class="dropdown-item" href="#">Another action</a>
          <a class="dropdown-item" href="#">Something else here</a>
          <div class="dropdown-divider"></div>
          <a class="dropdown-item" href="#">Separated link</a>
        </div>
    </li>

  </ul>

</div>

У меня нет сообщений об ошибках. Когда я нажимаю в раскрывающемся меню, ничего не происходит. Внутренний элемент не появляется.

Я пытаюсь не использовать CSS, а только начальную загрузку. Я решил использовать этот шаблон: https://bootswatch.com/materia/

Что я ошибаюсь? В будущем, как я могу отлаживать в режиме разработчика в Mozilla?

1 Ответ

1 голос
/ 22 мая 2019

Я думаю, проблема не в том, что установлены правильные пакеты javaScript.У меня было это, когда я впервые использовал Bootstrap, и мне не хватало popper.js

...