Skip to content

Instantly share code, notes, and snippets.

@shriDeveloper
Created September 2, 2019 16:28
Show Gist options
  • Save shriDeveloper/4a57496824c709d344741ba51afbaf06 to your computer and use it in GitHub Desktop.
Save shriDeveloper/4a57496824c709d344741ba51afbaf06 to your computer and use it in GitHub Desktop.
A Common Navigation Header For Every Page
<!--NAV BAR -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> <a class="navbar-brand" href="#">Mocial</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<div class="col-sm-3 col-md-3 pull-right">
<form class="navbar-form" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="q">
<div class="input-group-btn">
<button class="btn btn-success" type="submit"><i class="glyphicon glyphicon-search"></i>
</button>
</div>
</div>
</form>
</div>
</div>
</nav>
<!-- ENDS HERE -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment