Запустить
<!doctype html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link href="/examples/libs/bootstrap-3/css/bootstrap.min.css" rel="stylesheet"> <title>Bootstrap 3 - Navbar</title> <style> .navbar { min-height: unset; } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { background-color: transparent; } @media (min-width: 768px) { .navbar-collapse li { border-right: 1px solid #616161; } .navbar-collapse li:last-child { border-right: none; } } </style> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#top-menu"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse navbar-right" id="top-menu"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our service</a></li> <li><a href="#">Gallery</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </nav> <!-- jQuery --> <script src="/examples/libs/jquery/jquery-3.4.1.min.js"></script> <!-- Bootstrap JS --> <script src="/examples/libs/bootstrap-3/js/bootstrap.min.js"></script> </body> </html>