twitter-bootstrap - 我可以将引导响应式导航栏添加到现有站点吗？

Question

我有一个使用 Dreamweaver 的流体网格系统开发的现有站点。它工作正常。我想添加的一件事是引导响应式导航栏，它在小于平板电脑的设备上折叠成图标。现有的菜单结构是一个简单的水平弹出菜单栏。我已经尝试加载一些引导 css 和 js 文件并尝试对布局结构进行建模，但我只是做得不正确。有没有人这样做并逐步了解他们所做的事情？谢谢， CJ

Answer 1

如果导航是您想要从 Bootstrap 获得的唯一内容，您可以从Bootstrap 定制器下载自定义版本的软件包，您只需从下面提到的部分中选择必要的内容：

更少的组件

关闭所有复选框，然后选中“导航栏”，这将依次选择其他几个复选框。“网格系统”可能也是必要的。

jQuery 插件

从Magic=>Collapse中选择，Transitions如果您关心使用动画展开折叠菜单

更少的变量

从下调整样式Navbar，加上变量@grid-float-breakpoint- 负责定义菜单从全尺寸变为折叠状态的分辨率。

编译并享受。文件下载开始后，您会看到自定义页面的 URL 已更改。如果您保存它，您可以稍后打开相同的自定义页面，填写所有字段并选中复选框。