Hinzufügen eines Header-Bildes vor der Navigationsleiste
Wie füge ich ein Header-Bild hinzu, damit es oben auf einer Navigationsleiste angezeigt wird? Und wenn der Benutzer nach unten scrollt, bleibt die Navigationsleiste oben?
Ich habe versucht, es einem Container hinzuzufügen, aber es funktioniert nicht wie erwartet.
Hier ist mein Code soweit.
<body>
<header>
<img src="header/1024x100.png">
</header>
<div class="container-fluid">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"></a>
<div class="nav-collapse collapse">
<p class="navbar-text pull-right">
Logged in as <a href="#" class="navbar-link">Username</a>
</p>
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
Vielen Dank.