Bootstrap navbar messed up in Laravel 5.6

Try to compile your assets by executing npm run dev. Also check the source code of the page you're visiting and ensure that the css/app.css file is referenced.

Are you using Bootstrap 3 markup there? Laravel 5.6 uses Bootstrap 4. Try one of the examples, works fine for me: https://getbootstrap.com/docs/4.0/components/navbar/

I've had similar problem with latest bootstrap and Laravel. If I understood correctly, it forces light background for the navbar.

Try using these classes for the nav element

<nav class="navbar fixed-top navbar-expand-md navbar-dark bg-dark">

If it doesn't help, go to your resources/assets/sass/_variables.scss, and adjust navbar styles.

Don't forget to run npm run dev if you are working with scss.

Hope that helps!

protected function thatSucks($not)
{
    return "misconception";
}

You appear to be using Bootstrap 3.3 markup for the navbar. Even if not, your branding link is in the wrong child position and I believe its navbar-dark.

<nav class="navbar navbar-dark bg-dark">
  <a class="navbar-brand" href="#">Project name</a>
  <!-- Navbar content -->
</nav>

Thanks everyone, Yes actually I'm using a bootstrap 3 template and Laravel 5.6 uses bootstrap 4 and obviously some classes have radically changed.

Issue resolved.