Twitter bootstrap Menus

by A B

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
        <div class="container">
            <div class="row">
                <div id="sidebar" class="span2">
                    <div class="well">
                        <ul id="sidenav" class="nav nav-pills nav-stacked">
                            <li class="Index"><a href="/Admin">Home</a></li>
                            <li class="ServiceProviders"><a href="/Admin/ServiceProviders">Ragazze</a></li>
                            <li class="Cms"><a href="/Admin/Cms">Cms</a></li>
                            <li class="Users"><a href="/Admin/Users">Utenti</a></li>
                            <li class="Localization"><a href="javascript:{}">Traduzioni</a>
                                <ul id="sidenav-sub-local" class="nav nav-pills nav-stacked">
                                    <li class="Localization"><a href="/Admin/Localization/Services">Servizi (Traduzioni)</a></li>
                                    <li class="Localization"><a href="/Admin/Localization/Features">Caratteristiche (Traduzioni)</a></li>
                                    <li class="Localization"><a href="/Admin/Localization/Countries">Nazioni (Traduzioni)</a></li>
                                    <li class="Localization"><a href="/Admin/Localization/Languages">Lingue (Traduzioni)</a></li>
                                </ul>
                            </li>
                            <li class="LogOff"><a href="/Authentication/LogOff">Log-Off</a></li>
                        </ul>
                    </div>
                </div>
                    </div>
                </div>

CSS

#sidebar .well {
    padding: 4px 4px 0 4px;
}

#sidenav > li a {
			/* Transition for hovers */
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;
}

#sidenav > li.active a,
#sidenav > li a:hover {
		margin-left: -12px;
		padding-left: 20px;
        font-weight:bold;
}