title: to remove the margin (padding) between header menu and the following container (row?) in Twitter Bootstrap
body: <p>I hope this question is not repetitive, although I have searched and could not find. I am designing the following page. How can I design it in such a way that there is no margin between the menu and the background image below it?
  <a href="http://www.northeastern.edu/sds/web/demos/index2.shtml" rel="nofollow">http://www.northeastern.edu/sds/web/demos/index2.shtml</a></p>
  
  <p>(I think it is one margin-bottom for the header, or the navbar menu, and a margin-top for the container, or the row)</p>
  
  <p>I want to have a final design to look like the following page:
  <a href="http://woods.stanford.edu/" rel="nofollow">http://woods.stanford.edu/</a></p>
  
  <p>following is the simplified of the HTML code:
  Thank you for your help.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;body&gt;
      &lt;header class="page-header"&gt;
     &lt;div class="navbar navbar-inverse"&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;/button&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
  &lt;/header&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="span10 offset1" style="background-image: url('images_002/themap.png')"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="span12"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;div class="span3 offset6 alert alert-block"&gt;
                      &lt;p&gt;Our methodological approaches have been interdisciplinary, blending concepts and leveraging methods and insighhts developed across     multiple domains in the sciences and engineering&lt;br&gt;&lt;br&gt;&lt;i class="icon-arrow-right"&gt;&lt;/i&gt; &lt;a href="www.northeastern.edu/sds"&gt;LEARN     MORE ABOUT THE SDS GROUP&lt;/a&gt;&lt;/p&gt;
                  &lt;/div&gt;
  
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;div class="span12"&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;&lt;/div&gt;
  
  
  
  &lt;/div&gt;
      &lt;script src="../js/jquery.js"&gt;&lt;/script&gt;
      &lt;script src="../js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="../js/linkhover2_06_28.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  </code></pre>