Свернуть меню не полно

Question

Я пытаюсь сделать дизайн сайта с использованием угловых. Теперь проблема в том, что если я сделаю коллапс navbar фиксированным верхом, то панель навигации будет полной шириной, но она перекрывает страницу. В остальном навигационная панель охватывает только область содержимого.

без фиксированного верха: введите описание изображения здесь

<nav class="navbar navbar-expand-md bg-dark navbar-dark justify-content-   center ">
   <button type="button" class="navbar-toggler" data-toggle="collapse" (click)  ="toggler()">
      <span class="navbar-toggler-icon"></span>
   </button>
   <div class="collapse navbar-collapse" [ngClass]="{'show': isOpen}">
     <img src="assets/image/coding.png" alt="coding" height="34px" width="34px" class="brand-image">
    <span class="navbar-text">Jamilur Rahman</span>
   <ul class="navbar-nav ">
    <li class="nav-item" routerLinkActive="active current">
      <a class="nav-link" routerLink="">Home</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Portfolio</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Work</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" href="#">Contact</a>
    </li>
  </ul>
</div>
</nav>

Answer 1

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

Смотри , это тот же код.

Возможно, у вас есть класс стилей, который перезаписывает загрузчик.