/ / Stiftungsnavigation - zurb-foundation, nav

Stiftungsnavigation - zurb-foundation, nav

Ich habe Probleme mit der Grundnavigation von Zurb (ich bin neu hier und ich habe eine steile Lernkurve und ich habe eine Wand getroffen)

Ich würde gerne ein paar Dinge tun:

  1. Halten Sie das "Menüsymbol" auf der linken Seite, wenn die Topbar umgeschaltet wird.
  2. Ich hätte gerne drei Abschnitte, wenn die Topbar umgeschaltet wird (Titel / Mitte / Menü)

Irgendwelche Ideen oder Hilfe würden sehr geschätzt werden!

<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>

Antworten:

0 für die Antwort № 1

Versuchen Sie es mit diesem Code:

<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>

Mach weiter : http://foundation.zurb.com/docs/components/topbar.html#


Verwandte Fragen


Kommentare (0)

Einen Kommentar hinzufügen