Twitter bootstrap 我可以将引导响应导航栏添加到现有站点中吗?

Twitter bootstrap 我可以将引导响应导航栏添加到现有站点中吗?,twitter-bootstrap,navbar,collapse,Twitter Bootstrap,Navbar,Collapse,我有一个使用Dreamweaver的流体网格系统开发的现有站点。它很好用。我想补充的一点是引导响应导航栏,它在比平板电脑小的设备上折叠成图标。现有的菜单结构是一个简单的水平spry菜单栏。我已经尝试过加载一些引导css和js文件,并尝试对布局结构建模,但我只是做得不正确。有没有人这样做过,并对他们所做的有一个循序渐进的方法? 谢谢 CJ如果导航是您想要从Bootstrap获得的唯一功能,您只需从以下章节下载定制版本的软件包,您只需从中选择必要的功能: 更少的组件 关闭所有复选框,然后选中“导航栏

我有一个使用Dreamweaver的流体网格系统开发的现有站点。它很好用。我想补充的一点是引导响应导航栏,它在比平板电脑小的设备上折叠成图标。现有的菜单结构是一个简单的水平spry菜单栏。我已经尝试过加载一些引导css和js文件,并尝试对布局结构建模,但我只是做得不正确。有没有人这样做过,并对他们所做的有一个循序渐进的方法? 谢谢
CJ

如果导航是您想要从Bootstrap获得的唯一功能,您只需从以下章节下载定制版本的软件包,您只需从中选择必要的功能:

更少的组件

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

jQuery插件

如果您关心使用动画展开折叠菜单,请从
Magic
=>
Collapse
,再加上
Transitions

变量更少

导航栏下调整样式,加上变量
@grid float breakpoint
——该变量负责定义菜单从全尺寸状态变为折叠状态的分辨率


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

我可以下载自定义引导,但不幸的是,我无法使结构正常工作。我正试图从这里复制结构:但我显然没有正确执行,因为将浏览器窗口缩小到手机大小时,我没有得到任何更改。你确定你同时包含了css和js文件(在旧版本中,也包括响应js)?另外,既然导航栏是你唯一想要的东西,你为什么要使用旧的BS版本呢?啊,我还没有真正开始使用BS3,我也没有足够注意到你给我的链接是针对BS3的,而不是我下面的BS2示例。我还认为,我现有的菜单的结构,是用DW中的Spry系统生成的,需要改变,因为我认为它会与BS中的css冲突。好的,越来越近了。我已经复制/粘贴了示例navbar结构,但所有下拉列表都显示为打开。此外,当将浏览器缩小到手机大小时,导航栏会变为带有指示图标的垂直布局,但所有内容都会展开,缩小导航列表的按钮也不会起任何作用。可以尝试添加“下拉”部分的CSS和JS