我有一个使用 Dreamweaver 的 Fluid Grid 系统开发的现有网站。它工作正常。我想添加的一件事是引导响应式导航栏，它在小于平板电脑的设备上折叠成图标。现有的菜单结构是一个简单的水平弹出菜单栏。我已经尝试加载一些引导 css 和 js 文件并尝试对布局结构进行建模，但我只是做得不正确。有没有人这样做并逐步了解他们所做的事情？ 谢谢， CJ
【问题讨论】：
标签： twitter-bootstrap navbar collapse
如果导航是您想要从 Bootstrap 中获得的唯一内容，您可以从 Bootstrap customizer 下载自定义版本的软件包，您只需从下面提到的部分中选择必要的内容：
更少的组件
关闭所有复选框，然后选中“导航栏”，这将依次选择其他几个复选框。 “网格系统”可能也是必要的。
jQuery 插件
从 Magic 中选择 => Collapse，如果您关心折叠菜单的展开，请加上 Transitions
少变量
在Navbar 下调整样式，加上变量@grid-float-breakpoint - 负责定义菜单从全尺寸变为折叠状态的分辨率。
编译并享受。文件下载开始后，您会看到自定义页面的 URL 已更改。如果您保存它，您可以稍后打开相同的自定义页面，填写所有字段并选中复选框。
【讨论】：