Базовая адаптивная навигация не работает должным образом - PullRequest
Новая
       4

Базовая адаптивная навигация не работает должным образом

0 голосов
/ 05 февраля 2020

Я скопировал этот код заголовка с веб-сайта Foundation Zurb, но я нажимаю любую кнопку, например, шоу или редактировать. Меню отображается сверху, как показано на рисунке. Может кто-нибудь сказать, почему это происходит?

enter image description here

<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="medium">
  <button class="menu-icon" type="button" data-toggle="responsive-menu"></button>
  <div class="title-bar-title lead show-for-small-only">ABC</div>
</div>

<div class="top-bar" id="responsive-menu">
  <div class="top-bar-left">
    <ul class="dropdown menu" data-dropdown-menu>
      <li class="menu-text lead hide-for-small-only">ABC</li>

    </ul>
  </div>
  <div class="top-bar-right">
    <ul class="menu">
      <% if user_signed_in? %>
      <li><%= link_to 'Sign Out', destroy_user_session_path, method: :delete %></li>
      <% end %>
    </ul>
  </div>
</div>
...