如何修改手机的bootstrap菜单，使其类似于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