2016-03-27 27 views
0

Bootply肘導航 - http://www.bootply.com/YkWyRzWZDsBootstrap3 - 從不同的圖形

我想知道是否有可能具有<header>標籤控制的圖形以外的導航鍵(而不是漢堡包圖標按鈕)。這部分網站只能在移動設備上查看。

我在摺疊菜單上方有兩排圖像按鈕,我希望其中一個圖像鏈接充當導航欄切換。這可能嗎?

如果有可能,任何人都可以幫我進行必要的代碼更改嗎?

回答

0

如果我正確理解你的問題,你想顯示/隱藏導航欄使用自己的圖標。

加入以下的jQuery代碼,假設你圖標的ID是菜單切換,這應該做的工作:

$("#menu-toggle").click(function(e) { 
     $('.navbar').toggle(); 
}); 

一個完整的工作示例,請訪問:http://ibootstrap.net/Snippets/IDXpmK6/

+0

這幾乎正是我需要的,謝謝!但有一點是,當它處於摺疊模式時,它不會自動打開鏈接下拉列表,它會顯示漢堡包按鈕圖標,然後您必須點擊才能訪問鏈接。有沒有一種方法,jQuery代碼可以跳過這一步,並打開下拉列表?感謝這一點 - 我真的很感謝幫助! –

0

它是簡單比我想象的要多。所有我需要做的是添加代碼

data-target=".bs-navbar-collapse" data-toggle="collapse" 

要我想控制與導航欄的實際圖像,然後取出<button>隱藏漢堡包。

我更新了http://www.bootply.com/YkWyRzWZDs以顯示解決方案。