Bootstrap 4 переключатель панели навигации показывает пункты меню, но не раскрывает панель навигации - PullRequest
Новая
       21

Bootstrap 4 переключатель панели навигации показывает пункты меню, но не раскрывает панель навигации

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

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

enter image description here

Я провел последние несколько часов в поисках решения этой проблемы, но, похоже, ничего не могу найти.У кого-нибудь есть советы?

navbar.component.html 

<nav class="navbar navbar-expand-md navbar-dark bg-transparent shadow-lg                  navbar-static-top">    <button class="navbar-toggler" data-toggle="collapse" data-target="#collapse_target">
    <span class="navbar-toggler-icon"></span>   </button>

  <div class="collapse navbar-collapse" id="collapse_target">   <a routerLink="home"><span class="navbar-brand mb-0 h1 "></span></a>

  <ul class="nav navbar-nav navbar-center">
    <li class="nav-item" [routerLinkActive]="['active']">
      <a class="nav-link" routerLink="/home">Home</a>
    </li>
    <li class="nav-item" [routerLinkActive]="['active']">
      <a class="nav-link" routerLink="/services">Resume</a>
    </li>
    <li class="nav-item" [routerLinkActive]="['active']">
      <a class="nav-link" routerLink="/contact">Projects</a>
    </li>
    <li class="nav-item" [routerLinkActive]="['active']">
      <a class="nav-link" routerLink="/contact">Contact</a>
    </li>   </ul> </div> </nav>

navbar.component.css 

.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.nav a{

    font-size: 1.2em !important;
}
...