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">
플래시 연결 메시지를 표시하기위한 것입니다.
실수는 다음과 같습니다.
잘못:
<div class="collapse navbar-collapse">
해결책:
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
ID 태그를 잊어 버렸습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다