jamie jamie - 1 year ago 148
jQuery Question

Bootstrap 4 li item full width

My navigation li items do not use the full space. Why is that? I'm using bootstrap 4.

<nav class="navbar">
<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>

background #3c3e42
color white
padding 0px


enter image description here

What is wrong here?

Answer Source

The navbar has padding too. Read the BS4 docs.

You should be able to use..

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


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download