title: Bootstrap how to align horizontal in a row
body: <p>How can i align the code below horizontal?</p>
  
  <p>i want the logo in span 3 and 9 to be on the same row.</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="span3"&gt;
  &lt;a id="logo" href="http://#"&gt;Logo&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class="span9"&gt;
  &lt;div class="inc-search"&gt;
  &lt;form action="http://#" method="get" class="search" onsubmit="#"&gt;
  &lt;input type="hidden" name="page" value="search" /&gt;
  &lt;fieldset&gt;
  &lt;input class="xlarge" type="text" name="sPattern"  id="query" value="#" /&gt;
  &lt;button  class="btn btn-large btn-primary" type="submit"&gt;Search&lt;/button&gt;
  &lt;/fieldset&gt;
  &lt;div id="search-example"&gt;&lt;/div&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;div&gt;or&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;a href="http://#" class="btn btn-large"&gt;Post&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>below is the image of my header</p>
  
  <p><a href="http://i.stack.imgur.com/hJEoA.png" rel="nofollow">http://i.stack.imgur.com/hJEoA.png</a></p>