我最近在www.seosherpas.com上重新设计了我的Wordpress网站主页。
这是在使用Bootstrap的主题上设计的。它通过获取自定义站点的代码在论文中实现，该站点安装在子文件夹中，并复制并粘贴到自定义页面模板中。
现在，我试图在我的定制论文设计中模拟整个导航菜单：www.seosherpas.com/blog /
我设法模仿了设计，但无法让下拉菜单起作用。我有一种感觉，我如何调用Bootstrap的Javascript ......也许，也许不是。我真的不知道。
我有这行代码暂时隐藏下拉列表：
.nav-collapse .dropdown-menu {
border-bottom: 1px solid #DDDDDD;
/* Temporary Fix??? display: block; */
}
如果我显示＆＃39; display：block;＆＃39;下拉列表出现但总是出现，而不是仅在悬停时出现。
答案 0 :(得分：0)
将此添加到您的CSS：
.nav-collapse:hover .dropdown-menu {
display: block;
}
当您将鼠标悬停在作为下拉列表父项的.nav-collapse元素上时，您只会看到下拉列表。每次浏览器都可以使用。享受！
答案 1 :(得分：0)
论文Wordpress主题每次使用时都会使用bootstrap，在下拉菜单中启用了javascript。查看此文章以获取更多参考。 http://www.themesrush.com/wordpress-theme-thesis-review/