使用Foundation 5.2.2删除菜单?

时间:2014-05-09 04:35:17

标签: html css navigation zurb-foundation navbar

使用基金会可以达到这个效果: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的下拉菜单中显示两列?

1 个答案:

答案 0 :(得分:0)

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

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