Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown menu #40

Closed
shiny opened this issue May 10, 2016 · 2 comments
Closed

Dropdown menu #40

shiny opened this issue May 10, 2016 · 2 comments

Comments

@shiny
Copy link

shiny commented May 10, 2016

Does the menus fit for dropdown?

@shiny
Copy link
Author

shiny commented May 10, 2016

Got the solution.
<ul> <li> <a><span>选课</span></a> <ul class="menu"> <li class="menu-item"> <a href="#menus"> Slack </a> </li> <li class="menu-item"> <a href="#menus"> Hipchat </a> </li> <li class="menu-item"> <a href="#menus"> Skype </a> </li> </ul> </li> </ul>

.top-nav li .menu {
position: absolute;
display: none;
}
.top-nav li:hover .menu{
display: block;
}

@shiny shiny closed this as completed May 10, 2016
@picturepan2
Copy link
Owner

Yes, you can include the menu component inside a button container. And use position: absolute; and left and top or other CSS code to position it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants