【问题标题】：Merge foundation navigation with bootstrap将基础导航与引导程序合并
【发布时间】：2014-02-12 09:54:09
【问题描述】：
有没有人找到一种方法让基础“顶部栏”功能（子菜单项在移动设备上向左滑动） - http://foundation.zurb.com/docs/components/topbar.html 在引导框架上。
我喜欢 Foundation 有这个移动导航幻灯片的方式，如果它有一个子项，而不是仅堆叠子项的引导方式。
我确实尝试将两者合并，理想情况下我想坚持使用 Bootstrap 标记和 css。我知道我可以只从 Foundation 下载顶部栏并将其粘贴在我的引导模板的顶部，但这意味着有过多的 css，并且可能会对未来的开发造成混淆。
有没有人设法做到这一点，或者见过一个定制的引导脚本来模仿这个功能？
【问题讨论】：
标签：
javascript
jquery
html
css
twitter-bootstrap
【解决方案1】：
Tom，您可以将 Foundation 与 Bootstrap 合并。这两个框架之间的唯一区别是 Zurb Foundation 对所有内容都使用“em”，而 Bootstrap 使用“Pixels”。我目前正在通过将基础顶部栏与布局设计引导程序合并来开展该项目。
您不会遇到有关布局设计的问题。甚至Foundation也使用“row”类，但子类在引导程序中会有所不同，例如“col-md = 2”等等，这对你来说不是问题。
如果您仅通过单击自定义基础选项中的顶部栏来下载。 Foundation.css 将被下载，其中包含所有内容。所以在foundation.css中保留topbar及相关元素，并删除其他css属性，以免混淆。
所以不用担心合并两个框架。继续吧。如果您遇到任何进一步的问题，请提出问题。