Bootstrap 4 li項目全寬

Question

我的導航li項目不使用整個空間。這是爲什麼？我使用的是引導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 

例子：

這裏有什麼問題？

Answer 1

navbar也有填充。閱讀BS4 docs。

您應該能夠使用..

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

http://codeply.com/go/M6IvbqTa1d