Отзывчивая панель навигации Bootstrap в угловом - PullRequest
Новая
       34

Отзывчивая панель навигации Bootstrap в угловом

0 голосов
/ 08 декабря 2018

В моем проекте Angular 7 есть панель начальной загрузки @ 3. 

nav class="navbar navbar-default">
  <div class="container-fluid">
    <div class="navbar-header">

        <a class="navbar-brand" routerLink="/">
          <div class="container" style="padding-left: 0px;  padding-right: 0px; height: 20px; width: 40px">
              UTCN
          </div>
          </a>
         <div class="navbar-brand" style="margin-left: 3px;"><i class="fas fa-bars"></i></div>
    </div>


    <div class="collapse navbar-collapse">

      <ul class="nav navbar-nav navbar-right">
        <ng-template [ngIf]="!authService.isAuthenticated()">
          <li routerLinkActive="active"><a routerLink="/signup">Register</a></li>
          <li routerLinkActive="active"><a routerLink="/signin">Login</a></li>
        </ng-template>
      </ul>

    </div>
  </div>
</nav>

Мне нужно получить отзывчивое поведение, но с правой стороны - div элемент с классом ' nav navbar-nav navbar-right ' исчезает, когда размер экрана небольшой ( xs ).

Как я могу сделать этот div, чтобы использовать доступное пространство слева и не исчезать?

...