有没有一种简单的方法可以让 Bootstrap 折叠的导航栏从粘性页脚（未固定）向上扩展？

Question

我有一个导航栏，它作为粘性页脚固定在视口底部。我不想使用 .navbar-fixed-bottom，因为我不想一直显示导航栏页脚 - 就在用户滚动到页面底部时。

问题是，当页脚导航栏在小屏幕上折叠时，单击展开它会向下展开 - 有点难看，用户必须进一步向下滚动。此处的代码示例 - http://www.bootply.com/SUXJ7xWjSc

理想情况下，我希望导航栏在单击时向上扩展，就像使用 .navbar-fixed-bottom 时一样，例如http://www.bootply.com/PLBmzQkucC

尽我所能，我四处寻找简单的解决方案，但还没有找到一个。如果有，我很想知道，但如果它仍在 Bootstrap 的待办事项列表中，没问题。有一些关闭会很好！

Answer 1

恐怕您必须为 id #btm-navbar 使用自定义样式

@media (max-width: 767px)
{
    #btm-navbar
    {
        background: your-dropdown-menu-bg-color;
        bottom: your-footer-height;
        position: absolute;
        width: 100%;
    }
}

有没有一种简单的方法可以让 Bootstrap 折叠的导航栏从粘性页脚（未固定）向上扩展？

Is there a simple way to have a Bootstrap collapsed navbar expand upwards from a sticky footer (not fixed)?

twitter-bootstrap

twitter-bootstrap-3