title: Aligning jumbotron image in the same 12 column grid
body: <p>I just started learning HTML and CSS a week ago, and have been learning using coursera and codeacademy. I wanted to make a simple website using bootstrap, with a navigation bar on top, and a big cover pic below that. </p>
  
  <p>The code looks as follows. </p>
  
  <pre><code>&lt;body&gt;
      &lt;header class="container"&gt;
          &lt;div class="logo"&gt; &lt;!--this is where the logo resides--&gt;
              &lt;div class="row"&gt;  &lt;!--making a row for header elements--&gt;
  
                  &lt;figure class="col-xs-7"&gt;
                      &lt;a href="/"&gt; &lt;/a&gt; 
                  &lt;/figure&gt;
  
                  &lt;div class="col-xs-5" &gt; &lt;!--adds the 3 buttons on top right--&gt;
                      &lt;button type="button"&gt;
                          &lt;em class="cogs"&gt; &lt;/em&gt;
                      &lt;/button&gt;
  
                      &lt;button type="button"&gt;
                          &lt;em class="cogs"&gt; &lt;/em&gt;
                      &lt;/button&gt;
  
                      &lt;button type="button"&gt;
                          &lt;em class="cogs"&gt; &lt;/em&gt;
                      &lt;/button&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;                
  
          &lt;/div&gt;
  
      &lt;/header&gt;
  
      &lt;div class="jumbotron"&gt;
          &lt;div class="row"&gt;
              &lt;figure class="col-xs-12"&gt; &lt;/figure&gt; &lt;!--cover pic--&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I open the html in the browser (with the style sheet), I get the image attached. <a href="http://i.stack.imgur.com/od3bW.png" rel="nofollow">enter image description here</a>. I though the cover pic would automatically align within the 12 column grid below the navigation bar on top, cropping out the sides. My questions are:
  1. Doesn't adding an image automatically fit it in the 12 grid system?
  2. How do I push the 3 icons on top to the right of the navigation bar (i.e to the right of the column)? </p>
  
  <p>Thanks a ton guys! I'm grateful for any advise or suggestions in advance.</p>