有没有人找到一种方法来实现基础“顶部栏”功能(子菜单项在移动设备上向左滑动)- http://foundation.zurb.com/docs/components/topbar.html在 Bootstrap 框架上。
我喜欢基金会有这个移动导航幻灯片的方式，如果它有一个 child 而不是 Bootstrap 的方式只是堆叠子元素。
我确实尝试合并两者，理想情况下我想坚持使用 Bootstrap 标记和 CSS。我知道我可以只从 foundation 下载顶部栏并将其粘贴在我的 Bootstrap 模板的顶部，但这意味着有多余的 css 并且可能会对 future 的开发造成混淆。
有没有人设法做到这一点或已经看到了一个 Bootstrap 定制的脚本来模仿这个功能？
最佳答案
嗯，Tom，您可以将 Foundation 与 Bootstrap 合并。这两个框架之间唯一的区别是 Zurb Foundation 对所有东西都使用“em”，而 Bootstrap 使用“Pixels”。我目前正在通过将用于基础的顶部栏与用于布局设计的 Bootstrap 合并来进行该元素。
您不会遇到有关布局设计的问题。即使 Foundation 也使用“行”类，但子类在 Bootstrap 中有所不同，例如“col-md=2”等等，这对您来说不是问题。
如果您通过在自定义 Foundation 选项中仅单击顶部栏来下载。 Foundation.css 将被下载，其中包含所有内容。因此，请将 topbar 和相关元素保留在 foundation.css 中，并删除其他 css 属性，这样您就不会感到困惑。
所以不用担心合并两个框架。继续吧。如果您遇到任何其他问题，请提出问题。
关于javascript - 将基础导航与 Bootstrap 合并，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21724347/