title: Resize logo in navbar header
body: <p>I have a logo inside a navbar-header like this:</p>
  
  <pre><code>      &lt;nav class="navbar navbar-inverse"&gt;
              &lt;div class="container-fluid"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;span&gt;&lt;a class="navbar-brand toplogo" href="#"&gt;&lt;img src="img/beta.png"/&gt;&lt;/a&gt;&lt;/span&gt;
                  &lt;/div&gt;
                  &lt;div&gt;
                      &lt;ul class="nav navbar-nav navbar-right"&gt;
                          &lt;li class="active"&gt;&lt;a href="#"&gt;Login&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Sign up!&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;div&gt;
          &lt;/nav
  </code></pre>
  
  <p>My CSS is here:</p>
  
  <pre><code>.toplogo {
  
      height : 30%;
      width : 30%;
      margin-top: 5px;
  }
  </code></pre>
  
  <p>I tried many different combinations in .toplogo, but the image size never changes. I tried cascading <code>.navbar-brand .toplogo</code>, but that didn't work either. Does anyone know how I can resize the logo in the header? Thanks in advance!</p>