Question

我在网站上使用bootstrap，并想自定义其下拉菜单。目前，它看起来像默认导航栏。导航栏的下拉元素在悬停时显示。我想要做的是在导航栏中的每个项目旁边添加一个图标。然后，我希望将鼠标悬停在图标上而不是文本时，可以看到下拉项目。怎么能实现呢？

Answer 1

您可以尝试Bootstrap主题中内置的“.disabled”类。在此引用：http://getbootstrap.com/components/#nav

            <li class="disabled"><a href="#">Disabled link</a></li>             
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>

自定义下拉菜单

1 个答案: