title: How to get two h4 tags on the same line?
body: <p>I'd like to get 2 <code>&lt;h4&gt;</code> tags to be on the same row in bootstrap however I can't get it to work.</p>
  
  <p>I'd like to have one <code>&lt;h4&gt;</code> aligned with the left side, and one with the right side.</p>
  
  <p>I've tried floating left and floating right but to no avail.</p>
  
  <p><a href="http://jsfiddle.net/v8ufbbdL/2/" rel="noreferrer">http://jsfiddle.net/v8ufbbdL/2/</a></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="coolContainer"&gt;
          &lt;h1&gt;Bootstrap jsFiddle Skeleton&lt;/h1&gt;
          &lt;h1&gt;Bootstrap jsFiddle Skeleton&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
  
  .container {
      margin-top: 10px;
  }
  .coolContainer {
      border: 3px solid #bbb;
  }
  </code></pre>