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

时间:2013-11-05 21:50:06

标签: twitter-bootstrap navbar collapse

我有一个使用Dreamweaver流体网格系统开发的现有网站。它工作正常。我要添加的一件事是自举响应导航栏,它会折叠到小于平板电脑的设备上的图标。现有的菜单结构是一个简单的水平spry菜单栏。我已经尝试加载一些bootstrap css和js文件并试图模拟布局结构,但我只是没有正确地做到这一点。有没有人这样做,并采取一步一步的方法,他们做了什么? 谢谢, CJ

1 个答案:

答案 0 :(得分:0)

如果导航是你想从Bootstrap中获得的唯一东西,你可以从Bootstrap customizer下载自定义版本的软件包,你只需从下面提到的部分中选择必要的东西:

LESS组件

关闭所有复选框,然后选中“Navbar”,然后选中其他一些复选框。 “网格系统”也可能是必要的。

jQuery插件

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

少数变量

调整Navbar下的样式,加上变量@grid-float-breakpoint - 负责定义菜单从完整状态到折叠状态的分辨率。

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