导航下拉问题,需要它在悬停时工作

时间:2019-01-21 作者:tony lees

我已经从Bootstrap 3创建了自己的主题,除了导航之外,一切都正常。经过几个小时的尝试,我终于找到了导航没有下拉的原因,我认为这项工作已经完成了…(我没有使用navwalker),但现在我发现下拉菜单只有在单击(展开和收回)时才起作用,并且项目不在垂直列表中,而是在水平列表中(包装到容器中)。

谁能告诉我如何将操作从单击更改为悬停,以及如何使子菜单水平列出?

ThanksTony公司

1 个回复
SO网友:Er Deepak Prabhakar

请在css文件中添加以下代码。

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn\'t close
 }