title: Is there a way to change the Bootstrap Navbar Height?
body: <p>I'm designing a website using Twitter's Bootstrap, and I'm having difficulty with the responsive navbar. In bootstrap, the navbar allows a mobile user to click an icon to extend the navbar and display navigation links. I'm unable to find how to adjust the maximum height... when I try and use one of the drop down bars, the navbar doesn't change size accordingly, and the user is unable to see any of the links.</p>
  
  <p>Thanks for any help you can provide.</p>
  
  <p>-A</p>
  
  <p>EDIT: here's the code that I'm using for the navbar (html) the css that I'm using is the standard bootstrap.css and bootrstrap-responsive.css:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;div class="navbar-inner"&gt;
                  &lt;div class="container"&gt;
                      &lt;button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;a class="brand" href="http://example.com"&gt;organization&lt;/a&gt;
                      &lt;div class="nav-collapse collapse"&gt;
                          &lt;ul class="nav"&gt;
                              &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="active"&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="nowplaying.html"&gt;Now Playing&lt;/a&gt;&lt;/li&gt;
                              &lt;li class="dropdown"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Public Resources &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="public.html#observatory"&gt;Observatory&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="public.html#planetarium"&gt;Planetarium&lt;/a&gt;&lt;/li&gt;
                                      &lt;li class="divider"&gt;&lt;/li&gt;
                                      &lt;li class="nav-header"&gt;For Teachers and Schools&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="schools.html#programs"&gt;Programs&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="schools.html#events"&gt;Host an Event&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="schools.html#education"&gt;Educational Initiatives&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li class="dropdown"&gt;
                                  &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Undergraduate Resources &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                                  &lt;ul class="dropdown-menu"&gt;
                                      &lt;li&gt;&lt;a href="students.html#observatory"&gt;Observatory&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="students.html#planetarium"&gt;Planetarium&lt;/a&gt;&lt;/li&gt;
                                      &lt;li class="divider"&gt;&lt;/li&gt;
                                      &lt;li class="nav-header"&gt;Physics&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="xxx.com"&gt;Physics Homepage&lt;/a&gt;&lt;/li&gt;
                                      &lt;li&gt;&lt;a href="xxx.com"&gt;Physics and Astronomy&lt;/a&gt;&lt;/li&gt;
                                  &lt;/ul&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="volunteer.html"&gt;Volunteer&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="faq.html"&gt;FAQ&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;&lt;!--/.nav-collapse --&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>