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

Question

我想用 Bootstrap 3 实现的是在顶部有一个水平（固定）导航栏，但在小屏幕上折叠它以成为类似于 android 上的“导航抽屉”的东西（堆叠，画布外垂直导航左侧的栏，可以切换）。

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

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

我该怎么做？

Answer 1

您可以这样做，当屏幕变小时，navbar 会折叠成一个列表结构，然后可以单击和切换。 This 页面就是一个例子，this 页面概述了您对navbars 的所有选项

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