懸停消失（使用引導）的下拉菜單

Question

我在bootstrap的幫助下做了一個導航。隨着CSS我做了一個子菜單出現在懸停。 只有當我想點擊子菜單中的標題時，子菜單纔會消失，然後才能點擊它。

我已閱讀，我必須添加以下的CSS其他線程：

.dropdown:hover > .dropdown-menu { 
display: block; 

}

我加了它，但它仍然沒有工作。我究竟做錯了什麼？

這是小提琴：http://jsfiddle.net/robin2609/buw4wc1t/

石墨。 Robin

Answer 1

發生這種情況的原因是您的填充只能在10px之下，然後您的子菜單低於灰色。而你的填充沒有達到主菜單的末尾，因此當懸停從.nav > li > a離開時，它現在只是徘徊在.nav，它不保持子菜單打開。

更改填充在：

.nav > li > a

到：

.nav > li > a 
{ 
    padding: 10px 13px 30px 13px; 
} 

工作的jsfiddle：http://jsfiddle.net/buw4wc1t/3/