如何使用Bootstrap创建类似于Facebook Mobile的响应菜单

如何创建一个完全像Facebook移动的移动菜单按钮？我有Bootstrap 3设置和移动部分的响应菜单。唯一的问题是菜单从顶部下降，而不是从左侧进入。Bootstrap是否有一个内置的选择？

这是我身体迄今为止所拥有的：

<body>
    <div class="navbar navbar-default">
        <div class="navbar-inner">
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="navbar-brand">Brand</div>
            <div class="container">
                <div class="collapse navbar-collapse navHeaderCollapse">
                    <ul class="nav navbar-nav">
                        <li class="active"><a href="#">Page 1</a></li>
                        <li><a href="#">Page 2</a></li>
                        <li><a href="#">Page 3</a></li>
                        <li><a href="#">Page 4</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

这是可以使用Bootstrap完成的操作，还是在Bootstrap上使用其他插件？如果是这样，哪个插件？

您可以使用jQuery插件，http://www.berriart.com/sidr/。它是响应迅速的开源，实施的Facebook菜单，记录了很好。

是的，您可以使用Swagata回答的SIDR插件...

您可以在下面的帖子中引用同样的解释。

使用SIDR插件与Bootstrap类似于Facebook Mobile类似的响应菜单

相关内容

最新更新

热门标签：