Ruby on rails 下拉菜单项链接在rails和bootstrap4中不起作用
我有一个导航栏,有几个下拉菜单。切换工作正常,导航栏在较小的屏幕上折叠,除了下拉菜单中的链接外,其他一切都正常。有人知道这有什么问题吗?另外,我所有的额外课程都只是为了着色。我没有在这里包括css,因为我认为它与这个问题无关Ruby on rails 下拉菜单项链接在rails和bootstrap4中不起作用,ruby-on-rails,bootstrap-4,Ruby On Rails,Bootstrap 4,我有一个导航栏,有几个下拉菜单。切换工作正常,导航栏在较小的屏幕上折叠,除了下拉菜单中的链接外,其他一切都正常。有人知道这有什么问题吗?另外,我所有的额外课程都只是为了着色。我没有在这里包括css,因为我认为它与这个问题无关 <!-- header --> <header> <!-- navbar --> <nav class="navbar navbar-expand-md fixed-top nav-menu navbar-top-image
<!-- header -->
<header>
<!-- navbar -->
<nav class="navbar navbar-expand-md fixed-top nav-menu navbar-top-image">
<%= link_to root_path do %>
<%= image_tag 'yarnn-text-logo.png', width: 120, alt: 'Yarnn icon', id: "logo" %>
<% end %>
<button class="navbar-toggler bg-dark" type="button" data-toggle="collapse" data-target="#myNavbar">
<span class="navbar-toggler-icon mt-2">
<i class="fa fa-navicon text-danger"></i>
</span>
</button>
<div class="collapse navbar-collapse justify-content-end text-uppercase scrollable" id="myNavbar">
<ul class="navbar-nav">
<% if user_signed_in? %>
<li class="nav-item dropdown" data-toggle="dropdown" data-target="#dashboard_drop"><a class="nav-link text-light m-2 dropdown-toggle" href="#">
<i class="fas fa-cog text-light mr-2"></i><%= current_user.username %></a>
<div class="dropdown-menu p-2" id="dashboard_drop">
<%= link_to "Dashboard", dashboard_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Profile", user_path(current_user), :class => "dropdown-item navdrop-link" %>
<%= link_to "Edit Account", edit_registration_path(current_user), :class => "dropdown-item navdrop-link" %>
<div class="dropdown-divider"></div>
<%= link_to "My Station", station_path(current_user), :class => "dropdown-item navdrop-link" %>
<%= link_to "My Downloads", purchases_path, :class => "dropdown-item navdrop-link" %>
<div class="dropdown-divider"></div>
<%= link_to "Upload Track", new_track_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Create Album", new_album_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Create Blog Post", new_blog_path, :class => "dropdown-item navdrop-link" %>
<div class="dropdown-divider"></div>
<!--- Seller Stuff --->
<% if current_user.uid? %>
<%= link_to "Sell Something", new_listing_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Sales", sales_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Payout", payout_method_path, :class => "dropdown-item navdrop-link" %>
<% else %>
<%= link_to "Become a Seller", payout_method_path, :class => "dropdown-item navdrop-link" %>
<% end %>
<div class="dropdown-divider"></div>
<%= link_to destroy_user_session_path, method: :delete, :class => "dropdown-item navdrop-link current" do %>
<i class="fas fa-sign-out-alt text-dark fa-lg"></i> Log Out
<% end %>
</div>
</li>
<li class="nav-item">
<%= link_to notifications_path(current_user), :class => "nav-link text-light m-2" do %>
<i class="fas fa-comments text-light mr-1"></i>
<% if @notifications.count > 0 %>
<span class="site-blue"><%= @notifications.count %></span>
<% end %>
<% end %>
</li>
<li class="nav-item dropdown" data-toggle="dropdown" data-target="#nav_explore"><a class="nav-link text-light m-2 dropdown-toggle" href="#">
<i class="fas fa-map-signs text-light"></i> Explore</a>
<div class="dropdown-menu p-2" id="nav_explore">
<%= link_to "Albums", albums_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Tracks", tracks_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Genres", genres_path, :class => "dropdown-item navdrop-link" %>
<%= link_to "Blog Posts", blogs_path, :class => "dropdown-item navdrop-link" %>
</div>
</li>
<li class="nav-item">
<%= link_to listings_path, :class => "nav-link text-light m-2 menu-item" do %>
<i class="fas fa-shopping-cart text-light"></i> Marketplace
<% end %>
</li>
<%= link_to destroy_user_session_path, method: :delete, :class => "nav-link text-light m-2 menu-item" do %>
<i class="fas fa-sign-out-alt site-red fa-lg"></i>
<% end %>
<% end %>
</ul>
</div>
</nav>
<!-- end of navbar -->
</header>
<!-- end of header -->
-
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接当前”do%>
注销
-
“导航链接文字灯m-2”do%>
0 %>
-
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
“下拉项目导航下拉链接”%>
-
“导航链接文字灯m-2菜单项”do%>
市场
“导航链接文字灯m-2菜单项”do%>
我实现了这一点,但我必须完全重新构建功能,这次使用的是引导文档中的按钮。我认为功能是重要的一部分,我可以在以后根据自己的喜好来设计它。这也是我的完整导航栏,我在前面留下了一些无关的元素,以降低其密度
<!-- header -->
<header>
<!-- navbar -->
<nav class="navbar navbar-expand-md fixed-top nav-menu navbar-top-image">
<%= link_to root_path do %>
<%= image_tag 'yarnn-text-logo.png', width: 120, alt: 'Yarnn icon', id: "logo" %>
<% end %>
<button class="navbar-toggler bg-dark" type="button" data-toggle="collapse" data-target="#myNavbar">
<span class="navbar-toggler-icon mt-2">
<i class="fa fa-navicon text-danger"></i>
</span>
</button>
<div class="collapse navbar-collapse justify-content-end text-uppercase scrollable" id="myNavbar">
<ul class="navbar-nav">
<% unless user_signed_in? %>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle m-2" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
EXPLORE
<span class="caret"></span>
</button>
<ul class="dropdown-menu p-2" aria-labelledby="dropdownMenu1">
<li class="dropdown-item navdrop-link"><%= link_to "Albums", albums_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Tracks", tracks_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Genres", genres_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Blog Posts", blogs_path %></li>
</ul>
</div>
<li class="nav-item">
<%= link_to listings_path, :class => "nav-link text-light m-2 menu-item" do %>
<i class="fas fa-shopping-cart text-light"></i> Marketplace
<% end %>
</li>
<li class="nav-item">
<%= link_to "Login", new_user_session_path, :class => "nav-link text-light m-2 menu-item" %>
</li>
<li class="nav-item">
<%= link_to "Register", new_user_registration_path, :class => "nav-link text-light m-2 menu-item" %>
</li>
<% else %>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle m-2" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
<i class="fas fa-cog text-light mr-2"></i><%= current_user.username %>
<span class="caret"></span>
</button>
<ul class="dropdown-menu p-2" aria-labelledby="dropdownMenu1">
<li class="dropdown-item navdrop-link"><%= link_to "Dashboard", dashboard_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Profile", user_path(current_user) %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Edit Account", edit_registration_path(current_user) %></li>
<div class="dropdown-divider"></div>
<li class="dropdown-item navdrop-link"><%= link_to "My Station", station_path(current_user) %></li>
<li class="dropdown-item navdrop-link"><%= link_to "My Downloads", purchases_path %></li>
<div class="dropdown-divider"></div>
<li class="dropdown-item navdrop-link"><%= link_to "Upload Track", new_track_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Create Album", new_album_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Create Blog Post", new_blog_path %></li>
<div class="dropdown-divider"></div>
<!--- Seller Stuff --->
<% if current_user.uid? %>
<li class="dropdown-item navdrop-link"><%= link_to "Sell Something", new_listing_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Sales", sales_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Payout", payout_method_path %></li>
<% else %>
<li class="dropdown-item navdrop-link"><%= link_to "Become a Seller", payout_method_path %></li>
<% end %>
<div class="dropdown-divider"></div>
<li class="dropdown-item navdrop-link current"><%= link_to destroy_user_session_path, method: :delete do %>
<i class="fas fa-sign-out-alt text-dark fa-lg"></i> Log Out
<% end %></li>
</ul>
</div>
<li class="nav-item">
<%= link_to notifications_path(current_user), :class => "nav-link text-light m-2" do %>
<i class="fas fa-comments text-light mr-1"></i>
<% if @notifications.count > 0 %>
<span class="site-blue"><%= @notifications.count %></span>
<% end %>
<% end %>
</li>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle m-2" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
EXPLORE
<span class="caret"></span>
</button>
<ul class="dropdown-menu p-2" aria-labelledby="dropdownMenu1">
<li class="dropdown-item navdrop-link"><%= link_to "Albums", albums_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Tracks", tracks_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Genres", genres_path %></li>
<li class="dropdown-item navdrop-link"><%= link_to "Blog Posts", blogs_path %></li>
</ul>
</div>
<li class="nav-item">
<%= link_to listings_path, :class => "nav-link text-light m-2 menu-item" do %>
<i class="fas fa-shopping-cart text-light"></i> Marketplace
<% end %>
</li>
<%= link_to destroy_user_session_path, method: :delete, :class => "nav-link text-light m-2 menu-item" do %>
<i class="fas fa-sign-out-alt site-red fa-lg"></i>
<% end %>
<% end %>
</ul>
</div>
</nav>
<!-- end of navbar -->
</header>
<!-- end of header -->
探索
-
“导航链接文字灯m-2菜单项”do%>
市场
-
“导航链接文字灯m-2菜单项”%>
-
“导航链接文字灯m-2菜单项”%>
-
注销
-
“导航链接文字灯m-2”do%>
0 %>
探索
-
“导航链接文字灯m-2菜单项”do%>