Halli hallo,
ich bin blutiger Anfänger in der Web Programmierung. Aber ich habe gerade begonnen, einen umfangreichen Kurs durchzuarbeiten, der echt gut ist und Spaß macht.
Jetzt hänge ich allerdings an folgendem Problem (obwohl ich alles brav nachgecodet und überprüft habe!):
Es soll eine horizontale Link-Liste angezeigt werden (klappt!), die, wenn der Bildschirm schmaler wird, verschwindet (klappt!) und stattdessen ein Hamburger-Button erscheint (klappt!).
Allerdings werden beim Klicken auf den Hamburger-Button nicht die ausgeblendeten Links angezeigt.
Kommt ihr auf meinen Fehler und könnt mir helfen? Das wäre genial!
LG Chris
HTML
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class= "collapse navbar-collapse" id="navbarTogglerDemo02">
<a class="navbar-brand" href="">tindog</a>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="">Download</a>
</li>
</ul>
</div>
</nav>
</body>
</html>