使用基金会可以达到这个效果:http://i.stack.imgur.com/UyYqK.png?
我想在TopBar菜单中使用2个COLUMNS:foundation.zurb.com/docs/components/topbar.html
来自此主题的MegaMenu(codepen.io/winghouchan/pen/jnrDx/):http://foundation.zurb.com/forum/posts/232-megamenu?page=2它在Foundation 5.2.2中的移动视图上无法正常工作。
有没有办法在最新的Foundation 5.2.2的下拉菜单中显示两列?
答案 0 :(得分:0)
只需通过css3添加column:2
,因为移动设备支持列
@media only screen and (min-width: 641px) {
.dropdown-wrapper {
background-color: #333333 !important;
padding: 10px 0;
column:2
}
}