html - 两行响应式导航脚本/框架

标签 html css responsive-design navigation

我想制作一个使用两个主要行的导航栏,但要注意的是第二行选项本身可以有更多选项(可以通过悬停/下拉访问)。

我附上了一张我希望实现的图片(尽管图片不包含子子导航)。

有没有人见过一个框架/脚本(商业的或免费的)可以做我可以用来做的事情?

非常感谢enter image description here

最佳答案

您可以将 Foundation 框架用于前端或 Bootstrap。在基础中,您将使用网格系统,有了它,您只需根据屏幕大小控制显示/隐藏元素。我希望这个简短的回答对您有所帮助。

关于html - 两行响应式导航脚本/框架,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33944176/

相关文章:

html - 如何使用 CSS 通过一个子元素而不是其他子元素影响元素的宽度

html - 使用 BeautifulSoup 获取链接的标题

javascript - 我可以在使用 setAttribute ("src") 和 getAttribute ("data-src") 加载图像时运行事件吗?

javascript - Wordpress 子主题 css 不会覆盖父 css

html - 在使用网格布局的 Html 中,当我们的图像少于一行时,如何使最后一个图像左对齐

javascript - 宽度为 100% 的相对定位不会使内容边到边

html - 移动设备的 CSS 字体大小

javascript - 响应式移动菜单 - Jquery Toggle

javascript - 在一个句子循环中淡出单词

javascript - 跨浏览器转换和转换问题