web-dev-qa-db-fra.com

Bootstrap navbar-fixed-top class, ne fonctionne pas

Création d'un site de portefeuille à l'aide de Bootstrap - J'applique la classe 'navbar-fixed-top' afin de faire en sorte que la barre de navigation reste en haut de la fenêtre, comme dans cet exemple:

https://getbootstrap.com/examples/navbar-fixed-top/

J'essaie de le faire en utilisant ce code:

<nav class="navbar navbar-fixed-top">
  <div class="container">
    <div id="navbar" class="navbar-collapse">
      <ul class="nav navbar-nav">
        <li>About</li>
        <li>Projects</li>
        <li>Contact Me</li>
      </ul>
    </div>
  </div>
</nav>

Cependant, la barre de navigation peut toujours défiler lorsque je l'applique à ma propre page Web. Vous pouvez consulter la page ici:

http://codepen.io/BenWS/pen/gmLEVw

11
BenWS

Parce que vous utilisez la dernière version de bootstrap (bootstrap4 beta6).

Ils changent de .navbar-fixed-top à .fixed-top

Vous devez lire le document dans ce lien.

41
lahphim

Je pense qu'il y a un problème avec la façon dont vous chargez votre bootstrap. Assurez-vous d'appeler jquery avant d'appeler les fichiers bootstrap. Si rien ne fonctionne, vous pouvez toujours ajouter le positionnement fixe vous-même:

.navbar-fixed-top {
    position:fixed !important;
}
2
Arjan Knol