0
"custom.css"Standard navbar nicht
@import "bootstrap-sprockets";
@import "bootstrap";
"application.html.erb"
<!DOCTYPE html>
<html>
<head>
<title>AlphaBlog</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<% render 'layouts/navigation' %>
<% render 'layouts/messages' %>
<%= yield %>
</body>
</html>
"_navigation.html.erb"
nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" 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>
<a class="navbar-brand" href="#">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
„Anwendung angezeigt bekommen .js "
//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree
kann nicht die navbar auf dem display bekommen ... ich bekomme keinen fehler auf etwas. Versucht, den Code ohne die _navigation teilweise auszuführen ... es scheint zu funktionieren, da es einen Fehler gibt fehlende Vorlage. Nach dem Hinzufügen der Datei _navigation.html.erb wird der Fehler nicht mehr angezeigt und die Seite ohne Navigationsleiste geladen. Haben Sie überprüft alle Versionen sind in Ordnung erforderlichen Einschlüsse scheint in Ordnung zu sein kann immer noch nicht die navbar
Bitte bearbeiten Sie Ihre Frage und ersetzen Sie die Bilder mit Code. – jvillian
danke für den Tipp @jvillian, bitte hilf mir jetzt dabei .... –
Hast du versucht: '<% = render 'layouts/navigation'%>' (mit '=' nach '<%')? – jvillian