基金会5 - 导航栏集中

Question

上午，

我想知道如果有可能做出改变，以目前的基础导航栏5不破坏它的移动和桌面视图。

基本上当前人坐在最左边的左边的文本/图像和最右边的导航菜单，当设计横跨整个页面时这很好，但是如果内容集中在中间的就像普通的960网页布局一样，它有时看起来有点奇怪。

是否有可能将左图像/文本和导航菜单链接集中在中心，就像它会在960像素包装中看到的一样。

这全部ofc没有停止它的响应。

谢谢

Answer 1

这听起来像你正试图完成的是集中在一行顶部酒吧导航。

如果是这样的话，那么你可以使用<div class="contain-to-grid">，让您的网格布局和类似<div class="small-9 small-centered columns">内的顶栏居中行的顶级酒吧。我创建了一个codepen例如你在这里看：http://cdpn.io/jJhyn。

上面提到的类都是Foundation的一部分，因此您不会影响设计的响应性。

有关可用于自定义顶栏的选项的完整列表，请参见Zurb Foundation Top Bar文档。

如果我误解了你的问题，请让我知道，而代码总是感激。

我希望有帮助。

---

编辑：2014年2月13日

我一直在寻找到另一个问题，当我偶然发现了这一点，How to center top-bar nav?。它集中在顶部栏中的按钮/链接，而不是顶部栏本身。他们用作例子的页面是Mister Dutch。我更新了上面的codepen以反映我在Foundation Forum上找到的内容。

同样，如果我误解了你的问题，请告诉我。