html - 带或不带 Twitter Bootstrap 的嵌套侧边栏

标签 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>

可以用 twitter bootstarp 来实现吗?如果没有任何其他解决方案?

谢谢

最佳答案

Collapse您可以将折叠插件与 well+nav 类混合使用。 Exemple

关于html - 带或不带 Twitter Bootstrap 的嵌套侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11124486/

相关文章:

ios - 导航标题用外部字体切碎 'FuturaStd-Book'

javascript - 如何将浏览器文本区域的文本内容存储在本地磁盘上

html - 在 html 中,如何让表中表在视觉上看起来与没有内表一样

jquery - 使用 JQuery slideToggle 显示不同的表单

jquery - 返回一个已经在窗口调整大小之前的元素

java - Jetpack 导航上未执行导航操作

ios - 快速在每个页面上添加相同的导航栏

javascript - d3js 从 html DOM 中拖动文本并将其添加到 SVG 中

javascript - 如何用<br>替换html正文部分中的\n字符

javascript - 如何删除 Material 设计中的所有 css 类和 js,以获得默认选择框