Trying to do something confusing

Home

Code output



YOUR LOGO

YOUR LOGO

<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <meta name='viewport' content='width=device-width, initial-scale=1'> <link href='/style.css' rel='stylesheet' type='text/css' media='all'> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js'></script> <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'></script> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'> <link rel='stylesheet' href='path/to/font-awesome/css/font-awesome.min.css'> <head>

<div class="navbar container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarCollapse"> <i class="fa fa-bars"></i> </button> <a class="navbar-brand">YOUR LOGO</a> </div> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="nav navbar-nav"> <li><a>About</a></li> <li><a>Blog</a></li> <li><a>More</a></li> </ul> </div> </div> </p> </div>