添加navbar-toggler時，我的導航欄右側鏈接將消失。 我究竟做錯了什么？
[英]When adding navbar-toggler my navbar-right link to the About page disappears. What am I doing wrong?
問題描述
我的導航欄出現了這些問題，無法找到我做錯了什么。 一開始，我只是拿出了切換的代碼，關於頁面的鏈接就是應該的位置; 在我的導航欄的右側。 現在我到了需要漢堡包導航菜單的位置，所以我必須添加切換代碼，但是我的“關於”頁面的鏈接完全消失，也沒有切換。 第二個問題是我的徽標左側的小欄的外觀。
頁面截圖：
我的代碼：
<!DOCTYPE html>
<html>
<head>
<title>Saasapp</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<link href="https://fonts.googleapis.com/css?
family=Open+Sans:400,700,800" rel="stylesheet">
<%= stylesheet_link_tag 'application', media: 'all', 'data-
turbolinks-track': 'reload' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track':
'reload' %>
</head>
<body>
<nav class="navbar navbar-default navbar-static-top" role="navigation">
<div class='container'>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<%= link_to root_path, class: "navbar-brand" do %>
<i class="fas fa-users"></i> DevMatch
<% end %>
</div>
<div class="collapse navbar-collapse navbar-right" id="navbarNav">
<ul class="navbar-nav">
<li>
<%= link_to "About", about_path, id:
"navbar-right" %>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
</nav>
<%= yield %>
</body>
</html>
1 個解決方案
解決方案1
0 2019-06-05 13:18:03
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav navbar-right">
<li>
<%= link_to "About", about_path, id: "navbar-right" %>
</li>
</ul>
</div>
應該將navbar-right類添加到ul而不是div。
如果您使屏幕變小，則會顯示切換。
我想在祖父母顯示頁面下顯示孫子記錄......我做錯了什么？
[英]I want to show grandchildren records under grandparents show page... what am I doing wrong?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.