Bootstrap 4 li Artikel in voller Breite

Question

Meine Navigationselemente verwenden nicht den vollen Platz. Warum das? Ich bin mit Bootstrap 4.

<nav class="navbar"> 
    <div> 
     <ul class="nav navbar-nav"> 
      <li id="navigation__name nav-item" class="col-md-3">Forum</li> 
      <li class="col-md-3">Home</li> 
      <li class="col-md-2">Registreer</li> 
      <li class="col-md-2"><a [routerLink]="['/login']">Login</a></li> 
      <li class="col-md-2"><a href="http://www.home.nl">Naar Home</a></li> 
     </ul> 
    </div> 
</nav> 


li 
    background #3c3e42 
    color white 
    padding 0px 

Beispiel:

Was ist hier falsch?

Answer 1

Die navbar hat auch Polsterung. Lesen Sie die BS4 docs.

Sie sollten ..

<nav class="navbar navbar-full navbar-dark bg-inverse">

http://codeply.com/go/M6IvbqTa1d