Bootstrap灵活菜单栏根据设备

时间:2016-05-26 07:09:16

标签: jquery twitter-bootstrap-3

我想要一个菜单​​栏,它应该在大屏幕上变成可折叠侧边栏,在小屏幕上变成普通的引导程序菜单栏。我见过codeply demo但它不可互换。

我也希望像Altair这样的侧边栏 请帮忙 !! Thanx提前

2 个答案:

答案 0 :(得分:1)

Jasny的这个解决方案并不是一个特定的答案,但可能有助于解决您的问题:http://www.jasny.net/bootstrap/examples/navmenu/

它允许您在桌面/笔记本电脑分辨率上拥有可折叠的侧边栏,但不允许在Tablet / Mobile视口中使用标准菜单栏(保留为侧边栏)。

使用上述演示中的CSS / JS进行游戏,你应该有一个可行的解决方案,或者至少有一些关于如何达到预期结果的提示。

答案 1 :(得分:0)

你正在谈论

Bootstrap Navbars

这是此功能的基本组件。但是为了拥有类似的简洁功能,例如你的例子(Altair),可能需要一些额外的修改和插件。

Cody House有一些很好的例子。

其他例子:

- Bootsnip

- Tutorials