Ajouter une image d'en-tête avant navbar-fixed-top
Comment puis-je ajouter une image d'en-tête de sorte qu'il apparaît sur le dessus d'une navbar-fixed-top. Et que l'utilisateur fait défiler la barre de navigation le bâton vers le haut?
J'ai essayé de l'ajouter à un conteneur, mais il ne fonctionne pas comme prévu.
Voici mon code jusqu'à présent.
<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>
Grâce.
Pouvez vous s'il vous plaît nous montrer un peu de code ou une page de test ?
vérifier la solution s'il vous plaît .
vérifier la solution s'il vous plaît .
OriginalL'auteur John Doe | 2013-02-27
Vous devez vous connecter pour publier un commentaire.
JsFiddle avec défilement de nav allez voir le lien
Remarque: au Cas où votre image est plus petite que la taille de l'écran,insérez ce morceau de code dans votre css
Le html devrait ressembler à la suivante :
Copain Vous n'avez pas demandé .Selon votre demande initiale vous vouliez placer image d'en-tête en haut de la navigation . Et je pense que ma solution n'est que , n'est-il pas ? concernant le défilement .. vous obtenez lisse de défilement par l'ajout de jquery
laissez-moi savoir si vous avez besoin de plus d'aide
mis à jour mon jsfiddle veuillez vérifier
OriginalL'auteur Shail