我有一个使用Dreamweaver流体网格系统开发的现有网站。它工作正常。我要添加的一件事是自举响应导航栏,它会折叠到小于平板电脑的设备上的图标。现有的菜单结构是一个简单的水平spry菜单栏。我已经尝试加载一些bootstrap css和js文件并试图模拟布局结构,但我只是没有正确地做到这一点。有没有人这样做,并采取一步一步的方法,他们做了什么? 谢谢, CJ
答案 0 :(得分:0)
如果导航是你想从Bootstrap中获得的唯一东西,你可以从Bootstrap customizer下载自定义版本的软件包,你只需从下面提到的部分中选择必要的东西:
LESS组件
关闭所有复选框,然后选中“Navbar”,然后选中其他一些复选框。 “网格系统”也可能是必要的。
jQuery插件
从Magic
=>中选择如果您关心使用动画展开折叠菜单,请Collapse
加上Transitions
少数变量
调整Navbar
下的样式,加上变量@grid-float-breakpoint
- 负责定义菜单从完整状态到折叠状态的分辨率。
编译并享受。文件下载开始后,您将看到自定义页面的URL已更改。如果您保存它,以后可以打开相同的自定义页面,其中填写了所有字段并选中复选框。