title: White gap between Bootstrap navbar and background
body: <p>There's a white gap between Bootstrap navbar and Background as visible from the image below </p>
  
  <p><img src="https://i.stack.imgur.com/Pvuh1.png" alt="http://i.stack.imgur.com/w7K5M.png"></p>
  
  <p>Anyone have an idea how to get rid of this?</p>
  
  <p>Here's my code </p>
  
  <pre><code>&lt;body&gt;
  
      &lt;div class="navbar"&gt;
  
          &lt;div class="navbar-inner"&gt;
  
                  &lt;a class="brand" href="#"&gt;CrayOns&lt;/a&gt;
  
                      &lt;ul class="nav"&gt;
  
                              &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  
      &lt;/div&gt;  
  
  &lt;/div&gt;
  
  &lt;center&gt;
  
              &lt;p&gt;Currently under maintenance &lt;br/&gt;
  </code></pre>
  
  <p>ALso, does anyone have any idea on how to change the color of the buttons on bootstrap?</p>
  
  <p>Cheers!</p>