Bootstrap3 navbar-fixed-top hauteur

Question

J'utilise bootstrap3 avec navbar-fixed-top dans mon projet. Dans la barre de navigation mentionnée, il y a un DIV dont la hauteur est d'environ 700px et cela fait étirer toute la barre de navigation pour ce 700px et couvre mon contenu (je ne suis pas capable de cliquer à l'intérieur des entrées du conteneur principal).

Quelqu'un peut-il aider à régler le paramètre de débordement correctement, de sorte que mon élément à l'intérieur de la barre de navigation ne s'étire pas toute la barre de navigation, mais reste "en dehors" de celui-ci?

<nav class="navbar navbar-default navbar-fixed-top"> 
... 
<my-custom-widget></my-custom-widget> <!-- this is the widget with height of 700px --> 
... 
</nav> 

Merci.

G.

Answer 1

si vous créez une widget personnalisé, vous pouvez définir que l'attribut de position de widget à absolu ou fixe et si vous voulez l'empêcher de surdimensionné vous pouvez utiliser la propriété de débordement de css

caisse ce stylo par exemple

my-custom-widget{ 
    position: absolute; 
    top: 0; 
    right: 0; 
} 

https://codepen.io/anon/pen/XaezNr

Answer 2

Vous pouvez définir une hauteur fixe de la barre de navigation et la n Définir le débordement sur caché. Cela devrait résoudre votre problème. Mais si vous avez un menu déroulant dans cette barre de navigation, vous ne pouvez plus voir les éléments du sous-menu à cause du débordement caché