Skip to content

Instantly share code, notes, and snippets.

@mattnorris
Created March 9, 2013 14:28
Show Gist options
  • Save mattnorris/5124330 to your computer and use it in GitHub Desktop.
Save mattnorris/5124330 to your computer and use it in GitHub Desktop.
Left-justified Twitter Bootstrap nav options along with right-justified; collapsible menu for mobile devices is also illustrated.
<!--
Navbar
Source: http://twitter.github.com/bootstrap/
-->
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<!-- Expand button for smaller devices -->
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Nav menu -->
<div class="nav-collapse collapse">
<!-- These links will be left-justified (Twitter Bootstrap default). -->
<ul class="nav">
<li class="">
<a href="./index.html">Home</a>
</li>
<li class="">
<a href="./getting-started.html">Get started</a>
</li>
<li class="">
<a href="./more.html">More</a>
</li>
</ul>
<!-- These links will be right-justified. -->
<ul class="nav pull-right">
<li >
<a href="#">Download</a>
</li>
<li class="">
<a href="#">Fork</a>
</li>
</ul>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment