html – Foundation 5 – 顶部栏菜单图标不可见

概述我正在使用最新版本的Foundation 5 SASS(几天前从 https://github.com/zurb/bower-foundation下载)的网站上工作. 当我创建顶部栏时,菜单图标(3条水平线)不会出现在移动/小屏幕上.这只是“菜单”文字. 这是我的代码： <div class="contain-to-grid"><nav class="top-bar" data-topbar> 我正在使用最新版本的Foundation 5 SASS(几天前从 https://github.com/zurb/bower-foundation下载)的网站上工作.
当我创建顶部栏时,菜单图标(3条水平线)不会出现在移动/小屏幕上.这只是“菜单”文字.

这是我的代码：

<div ><nav  data-topbar><ul ><li ></li><li ><a href="#"><span>Menu</span></a></li></ul><section ><ul ><li><a href="/">HOME</a></li><li ><a href="#">ROOMS &amp; FACIliTIES</a><ul ><li><a href="#">FirsT</a></li><li><a href="#">SECOND</a></li><li><a href="#">THIRD</a></li></ul></li><li><a href="/">PRICES</a></li><li><a href="/">THINGS TO DO</a></li><li><a href="/">CONTACT</a></li></ul><ul ><li ><a href="http://foundation.zurb.com/docs" ><i ></i> CHECK AVAILABIliTY</a></li></ul></section></nav></div>

任何帮助非常感谢.我已经好好看看了,无法找到解决方案.大多数问题似乎来自人们省略菜单文本周围的span标签.

谢谢

解决方法 最重要的是要有一个< span>元件.在下面两个例子的情况下,第一个将不显示汉堡包图标,但第二个和第三个将显示.

<li ><a href="#">Menu</a></li><li ><a href="#"><span>Menu</span></a></li><li ><a href="#"><span></span></a></li>

总结

以上是内存溢出为你收集整理的html – Foundation 5 – 顶部栏菜单图标不可见全部内容，希望文章能够帮你解决html – Foundation 5 – 顶部栏菜单图标不可见所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。