facebook - 如何修改移动引导菜单以使其类似于 facebook 移动菜单？

Question

我们正在使用 twitter bootstrap 创建一个移动网站。我们正在使用 twitter 响应式菜单。

当我们在手机中查看菜单时，它看起来像

在正常模式下

当菜单展开时。

我们可以让它看起来像 facebook 移动风格的菜单，而不是菜单从上到下，它应该从左到右？

Answer 1

菜单的折叠添加了一个带有过渡的 css 类（高度从 0 到 auto）。你可以覆盖这个 css 类。

例子：

.nav-collapse, .nav-collapse.collapse{
    height: 0;
    width: 0px;
    overflow: hidden;
    position: relative;
    left:100%;
    -webkit-transition: all 2s ease 0s;
     -moz-transition: all 2s ease 0s;
       -o-transition: all 2s ease 0s;
          transition: all 2s ease 0s;
}
.collapse.in {
    left:0;
    width: 100%;
    height: auto;
}   

此代码仅说明。此代码破坏了其他导航栏代码。请参阅（在小屏幕中打开）：http ://bootply.com/74938