2012-12-18 65 views
1

我正在使用Bootstrap 2.2.2,我很好奇,如果任何人已經實施或瞭解如何定製移動導航?目前,引導程序在移動或平板電腦視圖中顯示一個按鈕,您可以按下該按鈕垂直放下菜單。引導菜單定製

我想要的是能夠從右側或水平拉菜單。最好有一個類似於Facebook應用或Google+應用的菜單,當你點擊菜單按鈕時,菜單從左側滑出,將頁面的所有內容向右推。

任何人都可以指導我如何用bootstrap做到這一點?感謝您的幫助!

+0

您的意思是您想要替換下拉菜單,或者是否希望保留該下拉菜單以及另一個顯示和隱藏菜單。你可以在某處顯示一個示例頁面,或者是一個修補程序或jsfiddle來查看你以後的內容。 –

回答

0

目前在Bootstrap中沒有這樣的組件。總結我對滑動菜單的搜索,你有三種選擇:a)覆蓋bootstrap css文件:這裏你有一個代碼示例:http://codepen.io/michaelschofield/pen/FAnKG b)angularjs模塊和滑出菜單爲你的應用程序:http://ngmodules.org/modules/ng-mobile-menu c)jquery插件只是使用查詢+幻燈片菜單搜索網頁

+0

非常感謝你爲這些例子指明方向。這些都很棒!最終,我在此期間找到了解決方案,並已實施它:http://jakiestfu.github.io/Snap.js/demo/apps/default.html –