我有一个使用Dreamweaver的Fluid Grid系统开发的现有站点。它运行得很好。我想添加的一件事是引导程序响应导航栏，它在比平板电脑小的设备上折叠成一个图标。现有的菜单结构是一个简单的水平spry菜单栏。我已经试验了加载一些引导程序css和js文件，并试图模拟布局结构。但是我做的不对。有人做过这个并且有一个循序渐进的方法吗？谢谢，CJ
pgvzfuti1#
如果导航是您唯一需要Bootstrap的功能，您可以从Bootstrap customizer下载一个自定义版本的软件包，在这里您只需要从下面提到的部分中选择必要的内容：
组件更少
关闭所有复选框，然后选中“导航栏”，这将依次选中其他几个复选框。“网格系统”可能也是必要的。
jQuery插件
从Magic =〉Collapse中选择，如果您关心展开带有动画的折叠菜单，则再加上Transitions
Magic
Collapse
Transitions
变量较少
从Navbar下调整样式，加上变量@grid-float-breakpoint-它负责定义菜单从全尺寸变为折叠状态时的分辨率。
Navbar
@grid-float-breakpoint
编译并享受。开始下载文件后，您将看到自定义页面的URL已更改。如果保存该URL，您以后可以打开相同的自定义页面，其中所有字段均已填写，复选框均已选中。
1条答案
按热度按时间pgvzfuti1#
如果导航是您唯一需要Bootstrap的功能，您可以从Bootstrap customizer下载一个自定义版本的软件包，在这里您只需要从下面提到的部分中选择必要的内容：
组件更少
关闭所有复选框，然后选中“导航栏”，这将依次选中其他几个复选框。“网格系统”可能也是必要的。
jQuery插件
从
Magic=〉Collapse中选择，如果您关心展开带有动画的折叠菜单，则再加上Transitions变量较少
从
Navbar下调整样式，加上变量@grid-float-breakpoint-它负责定义菜单从全尺寸变为折叠状态时的分辨率。编译并享受。开始下载文件后，您将看到自定义页面的URL已更改。如果保存该URL，您以后可以打开相同的自定义页面，其中所有字段均已填写，复选框均已选中。