Foundation 5.2.2 的下拉菜单？

Question

是否使用Foundation可以达到这个效果：http://i.stack.imgur.com/UyYqK.png?

我想在 TopBar 菜单中使用 2 列：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 的下拉菜单中显示两列？

Answer 1

只需通过 css3 添加column:2，因为移动设备支持列

 @media only screen and (min-width: 641px) {
  .dropdown-wrapper {
    background-color: #333333 !important;
   padding: 10px 0;
  column:2
   } 
   }