Bootstrap的導航下拉切換問題

Question

最近，我在www.seosherpas.com上重新設計了Wordpress網站的主頁。

這是在使用Bootstrap的主題上設計的。 它通過使用定制站點的代碼在Thesis上實現，該代碼安裝在子文件夾中，然后復制並粘貼到定制頁面模板中。

現在，我試圖在我的自定義論文設計中模仿整個站點的導航菜單：www.seosherpas.com/blog/

我已經設法模仿了該設計，但是無法使用下拉菜單。 我感覺這與我如何調用Bootstrap的Javascript有關……也許，也許不是。 我真的不知道。

我有以下代碼行可暫時隱藏下拉列表：

.nav-collapse .dropdown-menu {
border-bottom: 1px solid #DDDDDD;
/* Temporary Fix??? display: block; */
}

如果我顯示“顯示：阻止；” 下拉菜單會出現，但始終會顯示，而不是僅在懸停時顯示。

Answer 1

將此添加到您的CSS：

.nav-collapse:hover .dropdown-menu {
    display: block;
}

而且，只有將鼠標懸停在下拉菜單的父元素.nav-collapse元素上時，才會看到該下拉菜單。 每次瀏覽器均可運行。 請享用！

Answer 2

論文Wordpress主題每次使用時總是使用bootstarp，在下拉菜單中啟用了javascrippt。 查看本文以獲得更多參考。 http://www.themesrush.com/wordpress-theme-thesis-review/