title: Inserting input field inline with header tag
body: <p>I want to have h3 text and input field in one line (h3 aligned to left, input aligned to right, with the same vertical position). </p>
  
  <p>I have tried <code>form-inline</code> class, but it doesn't work the way I want.</p>
  
  <p>Code:</p>
  
  <pre><code>   &lt;div class="col-md-6"&gt;
        &lt;form class="form-inline"&gt;
          &lt;div class="form-group"&gt;
            &lt;h3 class="pull-left"&gt;Upcoming Events&lt;/h3&gt;
            &lt;input type="text" class="form-control pull-right" placeholder="Country/Region"&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is how it looks like (I added second column with hardcoded margins to show how I want it to look like): <a href="http://www.bootply.com/f7QEh7oeqF" rel="nofollow">http://www.bootply.com/f7QEh7oeqF</a></p>
  
  <p>Any idea how can I format it the way I want?</p>