导航下拉切换问题与引导

Navigation Drop-Down Toggle Issues with Bootstrap

本文关键字：问题 导航      更新时间：2023-09-26

我最近在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; */
}

如果我显示'display: block;'，下拉菜单会出现，但会一直出现，而不是只在鼠标悬停时出现。

添加到你的CSS:

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

只有当你将鼠标悬停在。nav-collapse元素上时，你才会看到下拉菜单，它是下拉菜单的父元素。每一次，每一个浏览器。享受吧!

相关文章：