Also, wenn ausgeblendet, funktioniert meine Navigationsleiste Menü-Taste, aber nach der Schnelllade-Animation, verschwindet das Menü. Nicht sicher, warum das passiert, ich habe andere Fragen und Bootstrap-Dokumente gesucht, kann es nicht herausfinden. Die Website ist http://philipeckert.comCollapsed Bootstrap Navbar wird nicht angezeigt
HTML:
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" 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">Eckert</a>
</div>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#gohereforabout">About</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
CSS:
.navbar-default {
background-color: rgb(0, 32, 128);
border-color: #000000;
}
.navbar-default .navbar-brand {
color: white;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: white;
}
.nav.navbar-nav.navbar-right li a {
color: white;
font-family: 'Ubuntu', sans-serif;
}
@media (max-width: 990px) {
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
}
style.css Linie keine 30 .navbar-collapse.collapse {} entfernen. – Bugfixer