我在Zurb的基础导航方面遇到了问题(我是新手,而且我的学习曲线很陡峭而且我已经撞墙了)
我想做几件事:
非常感谢任何想法或帮助!
<nav class="top-bar">
<ul class="title-area">
<!-- Title Area -->
<li class="name"><a href="index.html"></a><h1>Title</h1></li>
<li class="toggle-topbar menu-icon"><a href="#"><span>MENU</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="divider"></li>
<li><a href="#"></a></li>
<li class="divider"></li>
<li class="has-dropdown"> <a href="#"></a>
<ul class="dropdown">
<li class="divider"><a href="#"></a></li>
<li class="divider"><a href="#"></a></li>
<li class="divider"><a href="#"></a></li>
<li class="divider"><a href="#"></a></li>
</ul>
</li>
<li class="divider"></li>
<li><a href="#">Contact</a></li>
</ul>
</section>
答案 0 :(得分:0)
尝试使用此代码:
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="has-dropdown">
<a href="#">Menu</a>
<ul class="dropdown">
<li><a href="#">First link in dropdown</a></li>
<li><a href="#">Second link in dropdown</a></li>
</ul>
</li>
</ul>
</section>
</nav>