如何修改手機的引導菜單使其與Facebook手機菜單類似？

Question

我們正在使用twitter bootstrap創建一個移動網站。我們正在使用Twitter響應式菜單。

當我們在移動瀏覽菜單，它看起來像

在正常模式

當菜單展開。

我們可以使它看起來像Facebook手機風格菜單代替即是菜單從頂部來底部，應該是由左向右？

Answer 1

菜單的崩潰添加一個css類與轉換（從高度從0到自動）。你可以覆蓋這個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