Skip to content

Instantly share code, notes, and snippets.

@jinan-kordab
Created October 13, 2018 16:16
Show Gist options
  • Save jinan-kordab/dec301d2f8021fe038a53243a65f5301 to your computer and use it in GitHub Desktop.
Save jinan-kordab/dec301d2f8021fe038a53243a65f5301 to your computer and use it in GitHub Desktop.
Custom Navigation Bar header
<nav role="navigation" class="navbar navbar-default">
<div class="navbar-header">
<button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="/DOutlet/Index" class="navbar-brand">Outlet D1</a>
</div>
<form role="search" class="navbar-form navbar-left" action="/Home/Search" name="searchForm" method="post">
<div class="form-group" style="margin-left: 15px; margin-right: 15px;">
<div class="input-group">
<input type="text" class="form-control" id="searchDialog" name="searchDialog" placeholder="Search" style="height: 36px" />
<div class="input-group-addon">
<button type="submit">Search</button>
</div>
</div>
<div class="well well-sm">
<div class="checkbox">
<label>
<input type="checkbox" name="cbProduct">
PRODUCT
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="cbShipment">
SHIPMENT
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="cbGridview">
Grid view
</label>
</div>
</div>
</div>
</form>
<div id="navbarCollapse" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle" href="#">Options<b class="caret"></b></a>
<ul role="menu" class="dropdown-menu">
<li><a href="/Home/NewProduct">Add new product</a></li>
<li><a href="/Home/NewShipment">Make new order</a></li>
<li><a href="#">Change product status</a></li>
<li class="divider"></li>
<li><a href="#">Trash</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Login</a></li>
</ul>
</div>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment