Skip to content

Instantly share code, notes, and snippets.

@okuniw
Last active August 29, 2015 14:16
Show Gist options
  • Save okuniw/df4f7b672b56cfcede22 to your computer and use it in GitHub Desktop.
Save okuniw/df4f7b672b56cfcede22 to your computer and use it in GitHub Desktop.
bootstrap navbar example
<nav class="navbar navbar-default">
<!-- logo & menu icon -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<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="home.aspx">Logo Text</a>
</div>
<!-- menu -->
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Menu stack to left</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#">Menu stack to right</a>
</li>
<li>
<a href="#">Menu stack to right #2</a>
</li>
<li>
<asp:Label ID="lblUserName" runat="server" CssClass="navbar-text" style="line-height: 20px;"></asp:Label>
</li>
<li>
<asp:LinkButton runat="server" ID="lbnLogout"
OnClick="lbnLogout_Click">[[Logout]]&nbsp;<span aria-hidden="true" class="glyphicon glyphicon-log-out"></span></asp:LinkButton>
</li>
</ul>
</div>
</nav>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment