Bootply肘導航 - http://www.bootply.com/YkWyRzWZDsBootstrap3 - 從不同的圖形
我想知道是否有可能具有<header>
標籤控制的圖形以外的導航鍵(而不是漢堡包圖標按鈕)。這部分網站只能在移動設備上查看。
我在摺疊菜單上方有兩排圖像按鈕,我希望其中一個圖像鏈接充當導航欄切換。這可能嗎?
如果有可能,任何人都可以幫我進行必要的代碼更改嗎?
Bootply肘導航 - http://www.bootply.com/YkWyRzWZDsBootstrap3 - 從不同的圖形
我想知道是否有可能具有<header>
標籤控制的圖形以外的導航鍵(而不是漢堡包圖標按鈕)。這部分網站只能在移動設備上查看。
我在摺疊菜單上方有兩排圖像按鈕,我希望其中一個圖像鏈接充當導航欄切換。這可能嗎?
如果有可能,任何人都可以幫我進行必要的代碼更改嗎?
如果我正確理解你的問題,你想顯示/隱藏導航欄使用自己的圖標。
加入以下的jQuery代碼,假設你圖標的ID是菜單切換,這應該做的工作:
$("#menu-toggle").click(function(e) {
$('.navbar').toggle();
});
一個完整的工作示例,請訪問:http://ibootstrap.net/Snippets/IDXpmK6/
它是簡單比我想象的要多。所有我需要做的是添加代碼
data-target=".bs-navbar-collapse" data-toggle="collapse"
要我想控制與導航欄的實際圖像,然後取出<button>
隱藏漢堡包。
我更新了http://www.bootply.com/YkWyRzWZDs以顯示解決方案。
這幾乎正是我需要的,謝謝!但有一點是,當它處於摺疊模式時,它不會自動打開鏈接下拉列表,它會顯示漢堡包按鈕圖標,然後您必須點擊才能訪問鏈接。有沒有一種方法,jQuery代碼可以跳過這一步,並打開下拉列表?感謝這一點 - 我真的很感謝幫助! –