Twitter bootstrap 如何修改Slidebars插件以允许IE8浏览器的子菜单选项

我正在考虑将此插件用作我的Bootstrap 3项目的一部分，即：

但是作为Bootstrap的新手，我不确定如何扩展这个左滑出菜单，以便它也能满足子列表项/记录的需要，因为目前，这个插件只代表顶级菜单项

如何将5个子菜单项添加到顶级API菜单选项

还请注意，我正在考虑基于Oracle数据库表动态创建菜单项，并在Oracle APEX中使用

我还需要父级的某种形式的指示器，以描述存在子菜单选项

注意：我需要这个来使用IE8浏览器

当前使用代码如下所示：

<div class="sb-slidebar sb-left sb-active">
    <nav>
        <ul class="sb-menu">
            <li><img src="http://plugins.adchsm.me/slidebars/images/slidebars-logo-white@2x.png" alt="Slidebars" width="118" height="40"></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/">Home</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/index.php#download">Download</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/usage.php">Usage</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/usage.php#api">API</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/compatibility.php">Compatibility</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/issues.php">Issues</a></li>
            <li class="sb-close"><a href="http://plugins.adchsm.me/slidebars/contact.php">Contact</a></li>
            <li class="sb-close"><a class="github" href="https://github.com/adchsm/Slidebars">Github</a></li>
            <li class="sb-close"><span class="sb-open-right">About the Author</span></li>
            <li class="sb-close"><small>Slidebars © 2014 Adam Smith</small></li>
        </ul>
    </nav>
</div> 

关于作者
幻灯片©2014亚当·斯密

在下拉菜单中执行类似的操作应该可以很好地工作。@Aibrean-这看起来像我想要的，尤其是画布外组件。唯一的问题是，我需要将默认的导航菜单合并为非画布外观和字段，所以用户可以显示/隐藏菜单，但看起来它在IE8中不起作用-到处都是。你在使用Respond and Modernizer吗？@Aibrean-我还没有将jasny脱离画布组件合并到我的网站中，但只是尝试了jasny网站使用IE8的示例。基于此，jasny网站本身是否使用Respond和Modenizer？您使用哪个IE版本来测试IE8？我不确定Jasny是否正确使用了respond，因为引导CSS是通过CDN调用的，respond需要一个代理才能工作。