【问题标题】:How to use zurb foundation Menu in bootstrap如何在引导程序中使用 zurb 基础菜单
【发布时间】:2013-08-24 08:05:49
【问题描述】:

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

即使在实施了几种不同的方法后,我仍然面临一些关于悬停效果等引导菜单的问题,但我仍然对引导菜单不满意,因为我既是悬停和点击事件,也可以在桌面和移动设备上有效地工作。

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

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

我会感谢这方面的帮助,以便我可以在引导项目中仅集成 zurb 基础导航菜单

我需要在 app.css 旁边使用哪些文件才能让菜单像魅力一样工作。

【问题讨论】:

  • 我同意下面的 vgarcias,你不能(轻松地)解耦导航栏功能,不仅它有 css,而且与之相关的 JS 也会进行一些重绘以帮助它正确定位。如果您希望从基础导航栏中提取特定的样式方面,那么您最好不要寻找那些。否则,也许您想像 vgarcias 建议的那样看一下 bootstrap3,它确实具有比 bootstrap 2 更好的实现导航。

标签: html css twitter-bootstrap zurb-foundation


【解决方案1】:

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

现在,要在引导程序中使用 top-bar 基础 4,请尝试将 top-bar 类放在 div“cointainer”之外

Bootstrap 3 有更好的导航栏。

【讨论】:

  • 我只需要替换引导导航,因为它适用于点击事件。虽然我需要单击和悬停事件。不幸的是,我尝试了几个教程,但它们对完全解决我的问题没有多大帮助。我现在在自定义菜单导航上工作的任何方式似乎都解决了我在 BS 上遇到的问题。谢谢你的回复。。
猜你喜欢
  • 1970-01-01
  • 2016-04-13
  • 1970-01-01
  • 2015-05-23
  • 1970-01-01
  • 1970-01-01
  • 2012-11-19
  • 1970-01-01
  • 2015-05-29
相关资源
最近更新 更多