Html 导航栏上的下拉按钮赢得'；不行？_Html_Ruby On Rails_Ruby_Twitter Bootstrap_Erb

Html 导航栏上的下拉按钮赢得'；不行？

html ruby-on-rails ruby twitter-bootstrap

Html 导航栏上的下拉按钮赢得'；不行？,html,ruby-on-rails,ruby,twitter-bootstrap,erb,Html,Ruby On Rails,Ruby,Twitter Bootstrap,Erb,当屏幕变小时，我试图让导航栏缩放到下拉菜单。下拉菜单确实出现在较小的屏幕上，但是，当我按下下拉菜单时，什么也没有发生。它应该显示导航栏选项，但这没有发生，我想知道我可能做错了什么这是我的application.html.erb文件中的代码： <!DOCTYPE html> <html> <head> <title>FYP</title> <meta name = "viewport" content="width=de

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

这是我的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>


FYP
正确%>
正确%>

我还将引导程序导入到我的应用程序css文件中，但这也没有任何作用。

我认为在css中，它定义为在悬停时打开下拉列表，而在小型设备上悬停不起作用。我也在我的web浏览器上尝试，只是将浏览器变小了，当我按下按钮时，它仍然不会确认任何内容下拉按钮。