Foundation top-bar导航on Rails应用程序

Question

我在Rails应用程序上处理Foundation时遇到了问题。它们大多与定制和少数导航结构相关。

在我的assets文件夹中，我将application.css.scss和framework_and_overrides.css.scss作为覆盖样式导入到我的application.css.scss中，我还在其中导入了“基础”。

我理解top-bar的默认结构，但是我没有像样机中描述的那样构建一个两级响应式导航：

​

​

​

​

首先，很难改变大小、链接和背景颜色。有没有比检查或修改每个元素更简单的定制方法？

我是否可以在两行中创建一个导航栏，此部分中的每个列表元素都属于切换，并且我需要保持切换之外的语言导航栏完好无损。如果我创建了两个独立的导航栏-当调整屏幕大小时，语言导航栏会落在第二个导航栏之下，因为所有的按钮都堆叠在一起。我不认为一个好的解决方案是以不同的方式覆盖两个导航栏，我希望这不是唯一的一个。

制作这种响应式导航的最好方法是什么？

感谢您的帮助和指导。

Answer 1

您是否考虑过同时使用顶栏和图标栏-：http://foundation.zurb.com/docs/components/icon-bar.html？这样，您就可以只以一种方式设置顶部栏的样式，而以另一种方式设置图标栏的样式。除了颜色之外，它看起来和你的模型几乎完全一样。

Answer 2

您可以通过使用CSS media标签来完成此操作。查看此http://jsfiddle.net/8cqgumhw/