title: Search box in Header using Twitter Bootstrap
body: <p>I am trying to place a search text box on the right hand side of the header and I can't seem to figure out how to do it using Bootstrap 2.0.1.
  The code I am trying is</p>
  
  <pre><code>&lt;div class="page-header"&gt;
      &lt;h1 class="span2"&gt;
          Parts
      &lt;/h1&gt;
      &lt;div class="span4"&gt;
          &lt;div class="control-group"&gt;
              &lt;div class="controls"&gt;
                  &lt;div class="input-prepend"&gt;
                      &lt;span class="add-on"&gt;
                          &lt;i class="icon-search"&gt;&lt;/i&gt;
                      &lt;/span&gt;
                      &lt;input type="search" class="span3" placeholder="Search" name="search" id="search"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it the search text box is not being pushed to the right with the spans and offsets and the line on the bottom of the header is not being pushed to the bottom of the  tag.  Any ideas?</p>