Nested SideBar with or without Twitter Bootstrap

Is it possible to create Nested Left Sidebar with twitter bootstrap? I checked their tutorials but couldn't find it. I want to make a side bar with some listings and each listing contains nested lists which by default are hidden and when the user hover mouse on the list the hidden options should become visible. ``` <div class="span2"> <div class="well sidebar-nav"> <ul class="nav nav-list"> <li class="nav-header">Categories</li> <li class="divider"></li> <li><a href="#">Books</a> <ul> <li><a href="#">Science Books</a></li> <li><a href="#">Computer Books</a></li> <li><a href="#">History Books</a></li> </ul> </li> <li><a href="#">Electronics</a></li> <ul> <li><a href="#">TV</a></li> <li><a href="#">Freezer</a></li> <li><a href="#">Radio</a></li> </ul> <li><a href="#">Computer</a></li> </ul> </div> </div> ``` Is it possible to do it with twitter bootstarp ? If not any other solution ? Thanks