Adicionando uma imagem de cabeçalho antes do topo fixo da navbar

Question

Feb 27, 2013, 06:42 AM

Adicionando uma imagem de cabeçalho antes do topo fixo da navbar

Como eu adiciono uma imagem de cabeçalho para que ela apareça no topo de um topo fixo na barra de navegação. E como o usuário rola a navbar vai ficar no topo?

Eu tentei adicioná-lo a um contêiner, mas ele não funciona como esperado.

Aqui esta o meu codigo ate agora.

<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>

Obrigado.