Css 如何使用媒体查询将引导菜单选项移动到单独的';更多选项';屏幕宽度太小无法显示所有选项时的菜单?

Css 如何使用媒体查询将引导菜单选项移动到单独的';更多选项';屏幕宽度太小无法显示所有选项时的菜单?,css,twitter-bootstrap,drop-down-menu,twitter-bootstrap-3,media-queries,Css,Twitter Bootstrap,Drop Down Menu,Twitter Bootstrap 3,Media Queries,我正在使用Bootstrap 3开发一个网站,我知道在标准模板上有一个完整的菜单,然后是一个移动菜单,这取决于屏幕宽度,然而,我想在这两者之间实现一些东西,在显示移动菜单栏之前,将一些选项移动到“更多”菜单。我在下面放了一张图表,以更好地解释我试图实现的目标 假设您的中间尺寸是小屏幕(768-992px) 使用媒体查询或可见sm类,您可以仅为带有可见sm的小型设备显示“更多”链接。使用“博客”和“推荐”选项卡,并将隐藏的sm类应用于这些类别 假设您的中间尺寸是小屏幕(768-992px) 使用媒

我正在使用Bootstrap 3开发一个网站,我知道在标准模板上有一个完整的菜单,然后是一个移动菜单,这取决于屏幕宽度,然而,我想在这两者之间实现一些东西,在显示移动菜单栏之前,将一些选项移动到“更多”菜单。我在下面放了一张图表,以更好地解释我试图实现的目标


假设您的中间尺寸是小屏幕(768-992px)


使用媒体查询或可见sm类,您可以仅为带有
可见sm
的小型设备显示“更多”链接。使用“博客”和“推荐”选项卡,并将
隐藏的sm
类应用于这些类别

假设您的中间尺寸是小屏幕(768-992px)

使用媒体查询或可见sm类,您可以仅为带有
可见sm
的小型设备显示“更多”链接。使用“博客”和“推荐”选项卡,并将
隐藏的sm
类应用于这些类别