Zurb Foundation top-bar非常有用.它非常适合作为站点/应用程序的主导航,并在较小的设备上折叠为适合移动设备的格式.
它的一个主要缺点是能够top-bar使用均匀间隔的导航物品制作全宽度.有没有办法使top-bar全宽和导航项均匀分布？
例
如果top-bar有6个导航项目(宽度变化的长度标题)并且我们使用.rows 的默认宽度1000px (具有15px排水沟),则6个导航项目应该在970px上均匀地隔开自己top-bar.第一个和最后一个导航项应分别左右对齐.
随着屏幕尺寸减小,导航项目的宽度应缩小以保持其均匀间距,直到$topbar-breakpoint导致top-bar折叠为移动格式.
要求
$topbar-breakpoint的top-bar应该工作正常.这是一个已经加载了Foundation 5资源的jsFiddle.