Bootstrap全寬下拉菜單問題

我想讓我的Bootstrap下拉菜單在打開時全屏顯示。我已經設法做到了這一點，但是當我將鼠標移出菜單關閉它時，在我的全角後面會出現一個較小的菜單。Bootstrap全寬下拉菜單問題

你能發現那裏，並刪除它嗎？

https://www.suug.co.uk/sustainabilityhub/

全屏代碼：

.nav > li.dropdown.open { 
    position: static; 
} 

.nav > li.dropdown.open .dropdown-menu { 
    display: table; 
    border-radius: 0px; 
    width: 100%; 
    left: 0; 
    right: 0; 
}

來源

2017-04-07 Georgios Kalamogiorgos

你怎麼樣創建的代碼的小提琴用於您的特定查詢。儘量使問題儘可能少，而不是共享整個站點，以便調試更容易 – Lucian

您是否也可以添加下拉標記？ –

請不要鏈接到外部網站，因爲它會隨時間而改變，不再與問題相關。在問題本身發佈問題代碼。 – ZimSystem

這看起來工作完美，但我不希望有頂：77px

.dropdown-menu { 
    position: fixed; 
    top: 77px; /*height of main menu*/ 
    width: 100% 
}

來源

2017-04-07 13:03:42

Bootstrap全寬下拉菜單問題

回答

相關問題