Agregar una imagen de encabezado antes de la barra de navegación-fijo-superior
¿Cómo agrego una imagen de encabezado para que aparezca en la parte superior de una barra de navegación fija? ¿Y a medida que el usuario se desplaza hacia abajo, la barra de navegación se mantendrá en la parte superior?
He intentado agregarlo a un contenedor pero no funciona como se esperaba.
Aquí está mi código hasta ahora.
<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>
Gracias.