按钮在Bootstrap中向右折叠

Question

我正在尝试实现可以​​向右折叠的导航栏。我看过一些横向折叠的例子，但这不是我想要的。我在下面附上了一个基本模拟。任何想法将不胜感激。

Answer 1

按照您的示例图片看起来您可能将这些放置在页面中的某个位置而不是页面顶部。

如果您考虑使用popover，可能会这样。将导航按钮放在您喜欢的位置，然后让弹出窗口出现在您需要的任何一侧。

在这里查看Bootstrap中的 this example 。

这有帮助吗？

Answer 2

我使用popover作为AngularJR说 Check this Demo

HTML部分

$("div:contains('BOO')").html('hello');

Jquery Part

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