Question

当屏幕缩小时，我正试图让我的导航栏缩放到下拉菜单。下拉菜单确实出现在较小的屏幕上，但是，当我按下拉菜单时，没有任何反应。它应该提供导航栏选项，但这不会发生，我想知道我可能做错了什么。

这是我的application.html.erb文件中的代码：

<!DOCTYPE html>
<html>
<head>

  <title>FYP</title>
  <meta name = "viewport" content="width=device-width, initial-scale=1">



  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>





  <!--[if lt IE 9]>
      <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
      </script>
    <![endif]-->

</head>
<body>




<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" aria-expanded="false">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span> 
      </button>
      <%= link_to "SL League", welcome_index_path, id: "logo" %>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">

      <ul class="nav navbar-nav navbar-right">
        <% if current_user %>
            <li><%= link_to current_user.email, user_path(current_user.id) %> </li>
            <li><%= link_to "Log Out", logout_path %></li>
        <% else %>
            <li><%= link_to "Sign Up", signup_path %></li>
            <li><%= link_to "Log In", login_path %></li>
        <% end %>
        <li><%= link_to "Home",   welcome_index_path %></li>
      </ul>
    </div>

  </div>
</nav>


<div class="container text-center">
      <%= yield %>

</div>



<% flash.each do |key, value| %>
<%= content_tag(:div, class: "alert alert-#{key}") do %>
<p><%= value %></p>
<% end %>
<% end %>


</body>
</html>

我也已将导入程序导入到我的应用程序css文件中，但这也没有做任何事情。

导航栏上的下拉按钮不起作用？

0 个答案: