Highlighting Navbar

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by Kyle Mitofsky

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<ul id="navbar">
<li class="navgroup">
    <ul>
        <li class="navicon"><i class="icon-home"></i></li>
        <li class="navname">Home</li>
    </ul>
</li>
<li class="navgroup">
    <ul>
        <li class="navicon"><i class="icon-info-sign"></i></li>
        <li class="navname">Information</li>
    </ul>
</li>
<li class="navgroup">
    <ul>
        <li class="navicon"><i class="icon-briefcase"></i></li>
        <li class="navname">Contact</li>
    </ul>
</li>
</ul>

CSS

@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');

#navbar li {
    display: inline;
}

.navgroup:hover .navicon {
    background-color: blue;
}