Html Rails应用程序上的顶部条导航 我在处理Rails应用程序时遇到了一些问题。它们大多与定制相关，很少涉及导航结构

在我的资产文件夹中，我将application.css.scss和framework_和_overrides.css.scss作为覆盖样式导入到我的application.css.scss中，并在其中导入“foundation”

我了解顶栏的默认结构，但我无法构建模型中描述的两级响应导航：

首先，很难更改大小、链接和背景颜色。除了检查或修改每个元素，还有什么简单的定制方法吗

我可以把一个导航栏分成两行吗？本节中的每个列表元素都在切换下，我需要将语言导航栏保持在切换之外并且保持完整。如果我制作了两个单独的导航条——当调整屏幕大小时，语言一会落在第二个导航条之下，因为所有按钮都叠加在一起。我不认为一个好的解决方案是以不同的方式覆盖两个导航条，我希望这不是唯一的一个

实现这种响应性导航的最佳方式是什么

---

感谢您的帮助和指导。

您是否考虑过同时使用顶栏和图标栏-：呢？那样的话，你就可以用一种方式来设计顶部栏，用另一种方式来设计图标栏。从颜色上看，它看起来几乎与实物模型完全相同。

您可以通过使用CSS

media

标记来实现这一点。看到这个

你看过SLICKNAV jQuery插件（）吗？我想使用基础框架，而不添加其他的Nava插件。我只是想把这两个导航条做得不同，就像OP一样。你有什么HTML可以分享，看看你是如何实现这个的吗？实际上放弃了这个想法，只留下了一个主要的基础导航栏，并定制了一个不使用框架的顶部。仍然感兴趣的是，如果我能用基金会把它拉开，而没有导航栏互相影响。