title: Change Navbar Size in Bootstrap CSS
body: <p>I'm somewhat new to HTML, CSS, and JavaScript. Right now I'm working with Bootstrap, and I inserted a logo into the navbar, resulting in overflow. The navbar did not resize with the logo, so part of the logo is sticking out onto the page.</p>
  
  <p>I would like to know how to resize the navbar to fit with the logo.</p>
  
  <p>Edit: Here is some HTML code. The CSS code was too long to put in here, and I have no idea where the CSS code snippets for this part of the code are.
  Here is a link to the CSS: <a href="https://drive.google.com/file/d/0BwHwbNKvGsEpbmxvUTVpcUNkZjg/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/0BwHwbNKvGsEpbmxvUTVpcUNkZjg/view?usp=sharing</a></p>
  
  <pre><code>        &lt;!-- Fixed navbar --&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="container"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-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;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;/button&gt;
                   &lt;a class="navbar-brand" href="#"&gt;&lt;img src="http://www.mexicobariatricsurgerycenters.com/images/logo.png" height="70px" title="Logo" /&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class="navbar-collapse collapse"&gt;
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li class="active"&gt;&lt;a href="/"&gt;Home&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#about"&gt;About&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;
                      &lt;/li&gt;
                      &lt;li class="dropdown"&gt;
                           &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
                          &lt;ul class="dropdown-menu"&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Action&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Another action&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Something else here&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li class="divider"&gt;&lt;/li&gt;
                              &lt;li class="dropdown-header"&gt;Nav header&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Separated link&lt;/a&gt;
                              &lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;One more separated link&lt;/a&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;!--/.nav-collapse --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="container theme-showcase"&gt;
  </code></pre>
  
  <p>Thanks for the help so far! This is my first question on here, sorry if I'm a bit vague with my asking.</p>