html - 如何在 bootstrap 中使用 zurb foundation Menu

标签 html css twitter-bootstrap zurb-foundation

我很想在 bootstrap 元素中使用 zurb foundation 导航菜单,但我不确定我如何或是否有可能集成 zurb 基础菜单,例如 bootstrap 2.3 中本示例中的一个节目 http://foundation.zurb.com/docs/components/top-bar.html

即使在实现了几种不同的方法后,我仍然面临一些关于悬停效果的 Bootstrap 菜单问题,我仍然对 Bootstrap 菜单不满意,因为我在桌面和移动设备上都使用了悬停和点击事件来有效工作。

我在 here 之后设置的示例显示我在移动设备上面临的问题之一。你可以自己试试

到目前为止,我已经看到悬停和点击事件在桌面和移动设备上都非常流畅。

在这方面我将不胜感激,这样我就可以在 Bootstrap 元素中仅集成 zurb 基础导航菜单

除了 app.css 之外,我需要使用哪些最少的文件才能使菜单像魅力一样工作。

最佳答案

您可以在 http://foundation.zurb.com/download.php 自定义 zurb-foundation 下载,首先取消选中“所有基础组件”,然后只选中“顶部栏”选项。

现在,要在 bootstrap 中使用 top-bar foundation 4,请尝试将您的 top-bar 类放在 div“cointainer”之外

Bootstrap 3 有更好的导航栏。

关于html - 如何在 bootstrap 中使用 zurb foundation Menu,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18416411/

相关文章:

javascript - 汉堡菜单滑动

css - Twitter bootstrap 进度条百分比标签

jquery - 在 Twitter Bootstrap 中实现下拉菜单背后的想法是什么?

javascript - VueJS 嵌套构建器示例

php - 多级菜单

javascript - 用鼠标移动打开选择选项

jquery - jQuery 不会在禁用的按钮上触发悬停事件吗?

html - 如何摆脱 flex-wrap 创建的额外空间

html - 使用 Angular-Material 进行简单的 CSS 修改

html - css div 对齐,顶部 :50% doesn't work