После обучения на YelpCamp. Также я читаю пост на этом сайте, но все еще не могу понять, почему пункты меню не отображаются, когда отображается меню гамбургера:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Imperial Fleet</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="/stylesheets/main.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="/">Imperial Fleet</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="/ships">Ships</a></li>
<li><a href="/fleets">Fleets</a></li>
<li><a href="/bases">Bases</a></li>
<% if(!currentUser){ %>
<li><a href="/login">Login</a></li>
<li><a href="/register">Sign up</a></li>
<% } else { %>
<li><a href="#">Signed in as: <%= currentUser.username %></a></li>
<li><a href="/logout">Logout</a></li>
<% } %>
</ul>
</div>
</div>
</nav>
<div class="container">
<% if (error && error.length > 0 ) { %>
<div class="alert alert-danger" role="alert">
<%= error %>
</div>
<% } %>
<% if (success && success.length > 0 ) { %>
<div class="alert alert-success" role="alert">
<%= success %>
</div>
<% } %>
</div>
Последний <div class="container">
только для отображения сообщений со вспышкой