Untitled

<!DOCTYPE html>
  <html>
   <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>shop</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
   </head>
   <body>
    <header>
     <nav class="navbar navbar-expand navbar-dark bg-dark">
       <div class="container">
        <a class="navbar-brand" href="#">Logo</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse"
        data-target="#myNavBar" aria-controls="#myNavBar"
        aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
        </button>

        <div class="navbar-collapse justify-content-md-center collapse">
         <form class="form-inline my-2 my-md-0">
          <input class="form-control" type="text" placeholder="Search">
         </form>
         <ul class="navbar-nav">
          <li class="nav-item active">
            <a class="nav-link" href="#"><i class="fas fa-user"></i>
            Usuario</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="#"><i class="fas fa-shopping-cart">
            </i>  Carrito</a>
            </li>
            </ul>
        </div>
       </div>
     </nav>
   </header>
    <script src="js/font-awesome.js"></script>
    <script src="js/jquery-3.0.0.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
 </body>
</html>