html - Foundation 5.2.2 的下拉菜单？

Question

正在使用Foundation可以实现这个效果: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 的移动 View 中无法正常工作。

有没有办法在最新的 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
   } 
   }