将水平Bootstrap 3导航栏折叠到堆叠的导航栏

Question

我想用Bootstrap 3实现的目标是在顶部有一个水平（固定）导航栏，但在小屏幕上将其折叠成类似于＆＃34;导航抽屉＆＃34;在android（左侧的堆叠，离开画布垂直导航栏，可以切换）。

两者都可以单独实现，但我需要它们以这种方式工作。

我在想，也许我需要的是一种能够为导航栏定义类仅适用于小屏幕的方法。

我该怎么做？

Answer 1

您可以这样做，以便当屏幕变小时，navbar会折叠成一个列表结构，然后可以单击并切换。 This页面就是一个示例，this页面概述了navbars

的所有选项

这可以通过向"collapse"，classes和data-toggles添加targets属性来实现。