title: Remove extra padding from navbar
body: <p>I want to remove extra padding from navbar but not able to do even after making bottom padding 0.It is below navbar options. Also i have searched on web but not able to get solution.
  Below is the html code</p>
  
  <pre><code>&lt;div class="navbar  navbar-fixed-top" role="navigation"&gt;
  
          &lt;div class="navbar-header"&gt;
              &lt;div class="navbar-header"&gt;
                  &lt;a class="navbar-brand" href="#"&gt;
                      &lt;img style="max-width: 100px; margin-top: -7px;"
                          src="images/Logo.png"&gt;
                  &lt;/a&gt;
                  &lt;div class="complete"&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"&gt;
                  &lt;span class="sr-only"&gt;Toggle navigation&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;/div&gt;
  
          &lt;div class="collapse navbar-collapse"&gt;
              &lt;ul class="nav navbar-nav pull-right"&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
  
              &lt;/ul&gt;
  
          &lt;/div&gt;
  
          &lt;div class="navbar navbar-inverse navbar-static-top" style="background-color: gray;" role="navigation"&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="sr-only"&gt;Toggle navigation&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;/div&gt;
  
              &lt;div class="collapse navbar-collapse" style="background-color: lightgray;"&gt;
  
                  &lt;ul class="nav navbar-nav"&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/Default"&gt;Home&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/Report"&gt; Report&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/server"&gt;server&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/Engine"&gt;Management&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/Class"&gt;Management&lt;/a&gt;&lt;/li&gt;
                      &lt;li role="presentation"&gt;&lt;a runat="server" href="/User"&gt;User&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>and CSS code</p>
  
  <pre><code> `
    /* --- Style --- */
    body {
    padding-top: 150px;
    }
  
    .navbar{
       background-color:darkseagreen;
       margin-bottom: 0;
       }
  
    .navbar-header{
       background-color:darkseagreen;
       padding-top: 4px;
       padding-bottom:4px;
    } 
    .nav {
       background-color:forestgreen;
       margin-top:0px;
       margin-bottom:0px;
    }
    `
  </code></pre>
  
  <p>Any help would be great. Thanks in advance</p>