Foundation 6 に問題があります。私は少し初心者で、大学でのプロジェクトのために開発している Web ページにそれを適用しようとしています。Zurb の Web ページからトップバー コードを直接コピーしてプロジェクトに適用しましたが、まったく機能しません。適用したコードは次のとおりです。
<div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
<button class="menu-icon" type="button" data-toggle></button>
<div class="title-bar-title">Menu</div>
</div>
<div class="top-bar" id="example-menu">
<div class="top-bar-left">
<ul class="dropdown vertical medium-horizontal menu" data-dropdown-menu>
<li class="menu-text">Site Title</li>
<li><a href="#">Asesoreo</a></li>
<li><a href="#">Servicios</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
<div class="top-bar-right">
<ul class="menu">
<li><a href="#">Log in</a></li>
<li><a href="#" class="signup_button">Sign Up</a></li>
</ul>
</div>
</div>
問題は、メニューが折りたたまれず、デバイス画面が小さい場合を除き、メニューが表示されている間は非表示になると予想されるトップバーが常に表示されることです。
前もって感謝します！
