带或不带Twitter Bootstrap的嵌套SideBar

Zoh*_*han 4 html css navigation twitter-bootstrap

是否可以使用twitter bootstrap创建嵌套左侧边栏?我检查了他们的教程但找不到它.我想制作带有一些列表的侧栏,每个列表包含嵌套列表,默认情况下这些列表是隐藏的,当用户将鼠标悬停在列表上时,隐藏选项应该变为可见.

<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>
Run Code Online (Sandbox Code Playgroud)

可以用twitter bootstarp做到吗?如果没有其他解决方案?

谢谢

Osw*_*uan 7

折叠您可以将折叠插件与井+导航类混合使用.为例