title: Inline responsive form elements
body: <p>I have a text input element and a submit input element that I need to be inline and responsive. The problem is that I can't find a way to get the text input element to be fluid without screwing up the positioning of the button. Any help would be appreciated.</p>
  
  <p>Here is the html structure I'm using.</p>
  
  <pre><code>&lt;div class="search-call-to-action"&gt;
      &lt;form action="#"&gt;
          &lt;input type="text" name="search" placeholder="Search charities by keyword or name..."&gt;
          &lt;input class="btn btn-primary btn-large" type="submit" name="submit" value="Search"&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is a screenshot of what I am trying to achieve. The text input needs to be fluid.
  <a href="http://i.imgur.com/Ivty5Qq.png" rel="nofollow">http://i.imgur.com/Ivty5Qq.png</a></p>