Twitter Bootstrap navbar hauteur trop petit

La hauteur par défaut de la barre de navigation dans Twitter Bootstrap est trop petit. Lorsque la hauteur est augmentée, il empiète sur les divs ci-dessous.
Comment puis-je augmenter la hauteur de la barre de navigation qui se glisse l'ensemble de la page vers le bas? Si cela est possible, comment placer la barre de navigation de liens en haut /bas de la barre de navigation.

résolu. changé hauteur .barre de navigation .nav ajouté padding-top et a donné une valeur
publier vos résultats comme une réponse, et de l'approuver en cochant la case verte pour donner à cette question de la fermeture, de cette façon il va aider d'autres utilisateurs dans le futur.
Merci à vous. J'aimerais quelqu'un d'autre, peut-être vous, faire.
Liées réponse: stackoverflow.com/a/11008050/977939

OriginalL'auteur Gattoo | 2012-03-29

  1. 19

    Je suis assez sûr que je n'aime pas cette solution, mais il fonctionne pour la quantité de temps que j'ai passer sur ce.

    .navbar .container { height: 2em; }

    J'ai dû ajouter un padding-top dans le même sélecteur pour obtenir les choses à l'intérieur de la barre de navigation pour aligner verticalement joliment.

    edit: je viens de re-lire votre question et vu que vous rencontrez des problèmes avec le "divs ci-dessous". En faisant cela, vous avez besoin d'ajuster le rembourrage sur la balise body ainsi, par exemple,

    body { padding-top: 6em; }

    par la Twitter Bootstrap docs sur la barre de navigation:

    Lorsque vous apposez la barre de navigation, n'oubliez pas de compte pour la zone cachée
    en-dessous. Ajouter 40px ou plus de apdding pour le <body>. Veillez à ajouter
    cette après la base de Bootstrap CSS et avant que l'option responsive
    CSS.

    C'est aussi une solution viable. Merci @Chris.

    OriginalL'auteur Chris

  2. 6

    L'ajout d'un rembourrage comme cela n'est pas suffisant si vous êtes en responsive
    bootstrap. Dans ce cas, lorsque vous redimensionnez votre fenêtre, vous obtiendrez un écart
    entre le haut de la page et la barre de navigation. Une bonne solution ressemble à ceci:

    body {
  padding-top: 60px;
}
@media (max-width: 979px) {
  body {
    padding-top: 0px;
  }
}

    Source:
    Twitter Bootstrap - dessus de la barre de navigation de blocage en haut du contenu de la page

    OriginalL'auteur jpillora

  3. 1

    vous pouvez essayer celui-ci. il fonctionne dans n'importe quelle taille d'écran.

    .navbar .container { min-height: 83px; }


.navbar-fixed-top {
    position:static;
    margin-bottom:20px;
    }

    OriginalL'auteur Faisal Khan Samrat

  4. 0
    </script>

$(".dropdown-toggle").click(function () {
$(".nav-collapse").css('height', 'auto')
});

</script>

    Cela a résolu un problème similaire de la mine, (Les sous-menus n'était pas apparaître en raison de la petite parent ul hauteur, sur le premier clic) peut-être que cela fonctionne pour vous.

    OriginalL'auteur Ceren Akın