css - navegacion - menu pegajoso en html

¿Colocando un banner encima de la barra de navegación de Bootstrap 3?

Question

Tengo esta barra de navegación Bootstrap 3: http://www.bootply.com/xkcDjvQslb

Quiero las siguientes modificaciones:

1. Agregar banner encima de la barra de navegación fija
2. Ocultar el banner cuando me desplazo hacia abajo

Vi el siguiente ejemplo: http://www.bootply.com/69848 ; no es genial en bootstrap y cuando saco el código relevante rompe mi menú.

El banner (encima de la barra de navegación) sería una tabla con un logotipo en el lado izquierdo y el título a la derecha. Necesito que alguien me señale en la dirección correcta?

Answer 1

Elimina la clase fija de navbar en nav. A continuación, coloque el marcado encima del navegador.

http://www.bootply.com/vxJEiv1RC2

Answer 2

Encontré la solución aquí: http://jsfiddle.net/DTcHh/541/ , solo necesitaba limpiar mi código:

topnavbar {
    margin: 0;
}
#topnavbar.affix {
    position: fixed;
    top: 0;
    width: 100%;
}

#banner {
     background-color: yellow;   
}