html - 如何在鼠标悬停时显示菜单项？

Question

我有一个底部导航栏。我只想在悬停在每个导航按钮上时显示菜单项。这可能与 Bootstrap 有关吗？

Answer 1

请试试这个，

<div class="mainmenu">          
<ul>            
    <li><a href="#">Home</a></li>
    <li class="submenu"><a href="#">About us</a>
        <ul>
            <li><a href="#">Our Team</a></li>
            <li><a href="#">Skills</a></li>
        </ul>
    </li>
    <li><a href="#">Services</a></li>
    <li><a href="#">Contact Us</a></li>                
</ul>
</div>​

样式:

.submenu ul {
    display: none;
    list-style-type: none;
    top: 0px;
}​
.submenu:hover ul {
    display: block;
}