</head>
<body>
<div class="slideshow-container">
<div class="test">
<%= image_tag("img_mountains_wide.jpg", :style => "width:100%") %>
</div>
</div>
<header class="navbar navbar-inverse">
<div class="header">
<nav>
<ul class="nav navbar-nav navbar-right">
<li><%= link_to "Homepage", root_path %></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
About <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><%= link_to "test1", test_path %></li>
<li><%= link_to "test2", test2_path %></li>
</ul>
</li>
<li><%= link_to "Contact", contact_path %></li>
<% if logged_in? %>
<li><%= link_to "Log out", logout_path, method: "delete" %></li>
<% else %>
<li><%= link_to "Log in", login_path %></li>
<% end %>
</ul>
</nav>
</div>
</header>
<div id="main-body">
<%= yield %>
</div>
</body>
</html>
現在のフォームでは、navbarのリンクが機能しません(クリックすることはできません)。私は再びこの作業を行うことができますどのように2つの方法があります。私は、画像を削除することができます(ナビゲーションバーは、ページの一番上に、その後で、正常に動作します)または私は=「ナビゲーションバーナビゲーションバー-逆」ブートストラップnavbarが画像の下で動作しません
ヘッダークラスを変更することができます(ナビゲーションバーがページの上部に画像の上に、その後で、再び正常に動作)
ヘッダクラス=「ナビゲーションバーナビゲーションバー固定トップナビゲーションバー、逆」
に
。どのようにして画像の下にナビバーを表示させることができますか?最終結果は、navbarの直上でスライドショーになっているはずです(画像の問題を修正すると、navbarもスライドショーの下で動作すると仮定しています)。