Twitter bootstrap 按钮在引导中向右折叠

我试图实现一个导航栏，它可以折叠到右边。我见过一些水平折叠的例子，但这不是我想要的。我在下面附上了一个基本的模拟。任何想法都将不胜感激。

---

根据您的示例图片，您可能会将它们放在页面的某个位置，而不是页面的顶部

如果您考虑使用POPORE，那么可能是这样。把导航按钮放在你喜欢的地方，让弹出式沙发出现在你需要它的哪一边

看看这里的引导

---

这有帮助吗？

我用的是安格拉尔说的popover

HTML部分

  <button class="popper" data-toggle="popover">Pop me</button> 
<div class="popper-content hide"><nav class="nav">
    <ul>

        <li>
            <a href="#">Nav Item</a>
            <ul>
                <li><a href="#">Subnav Item</a></li>
                <li><a href="#">Subnav Item</a></li>
                <li><a href="#">Subnav Item</a></li>
            </ul>
        </li>
    </ul>
</nav></div>

---

所以你想让你的导航从右向左折叠，只在左边有一个按钮代表你的菜单？这绝对有帮助！非常感谢。

 $('.popper').popover({
    placement: 'right',
    container: 'body',
    html: true,
    content: function () {
        return $(this).next('.popper-content').html();
    }
});