Est-il un moyen de changer le Bootstrap barre de navigation de la Hauteur?

Je suis de la conception d'un site web à l'aide de Twitter Bootstrap, et j'ai du mal avec le réactif barre de navigation. Dans le bootstrap, la barre de navigation permet à un mobile utilisateur de cliquer sur une icône pour étendre la barre de navigation et l'affichage des liens de navigation. Je suis incapable de trouver comment régler la hauteur maximale... quand je l'ai essayer et d'utiliser un seul de la liste déroulante, les bars, la barre de navigation ne change pas de taille en conséquence, et l'utilisateur est incapable de voir les liens.

Merci pour toute aide que vous pouvez fournir.

-Un

EDIT: voici le code que j'utilise pour la barre de navigation en html et le css que j'utilise est la norme de bootstrap.css et bootrstrap réactif.css:

<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" 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>
</button>
<a class="brand" href="http://example.com">organization</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="contact.html">Contact</a></li>
<li><a href="nowplaying.html">Now Playing</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Public Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="public.html#observatory">Observatory</a></li>
<li><a href="public.html#planetarium">Planetarium</a></li>
<li class="divider"></li>
<li class="nav-header">For Teachers and Schools</li>
<li><a href="schools.html#programs">Programs</a></li>
<li><a href="schools.html#events">Host an Event</a></li>
<li><a href="schools.html#education">Educational Initiatives</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Undergraduate Resources <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="students.html#observatory">Observatory</a></li>
<li><a href="students.html#planetarium">Planetarium</a></li>
<li class="divider"></li>
<li class="nav-header">Physics</li>
<li><a href="xxx.com">Physics Homepage</a></li>
<li><a href="xxx.com">Physics and Astronomy</a></li>
</ul>
</li>
<li><a href="volunteer.html">Volunteer</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div>
  • merci de poster votre code
  • vient de poster.. est que tout ce que vous aimeriez voir?
InformationsquelleAutor ajdigregorio | 2013-07-05