<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <nav class="navbar navbar-expand-lg navbar-light bg-info"> <a href="" class="navbar-brand">toggle</a> <button class="navbar-toggler" data-bs-target="#navbarTogglerDemo"></button> <div class="collapse-navbar-collapse" id="navbarTogglerDemo"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link navbar-brand " href="">Contact</a> </li> <li class="nav-item"> <a class="nav-link navbar-brand" href="">Download</a> </li> <li class="nav-item"> <a class="nav-link navbar-brand" href="">About</a> </li> </ul> </div> </nav>