Skip to content

Instantly share code, notes, and snippets.

@zjlgdx
Created July 21, 2015 07:47
Show Gist options
  • Save zjlgdx/cb371c0ea04a84602e67 to your computer and use it in GitHub Desktop.
Save zjlgdx/cb371c0ea04a84602e67 to your computer and use it in GitHub Desktop.
justified-nav
// hightlight actived menu item
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
background-color: #ddd;
background-image: none;
box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
<div class="masthead">
<h3 class="text-muted"><a href="/">Application Name</a></h3>
<ul class="nav nav-justified">
<li class="active"><a href="/">Home</a></li>
<li><a href="/Home/About">About</a></li>
<li><a href="/Home/Contact">Contact</a></li>
</ul>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment