title: make input fields and responsive
body: <p>I have 3 element - input field, dropmenu and a button. After few hours of trying, I still unable to place them in a row and responsive. I used float but it seem to break when I resize the windows.</p>
  
  <pre><code>&lt;form&gt;
      &lt;div class="tasksInput"&gt;
          &lt;input placeholder="Insert" type="text" class="form-control " /&gt;
      &lt;/div&gt;
      &lt;select&gt;
          &lt;option value=""&gt;Option&lt;/option&gt;
      &lt;/select&gt;
      &lt;button type="submit" class="btn btn-primary"&gt;Submit &lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/VgwL8/1/" rel="nofollow">http://jsfiddle.net/VgwL8/1/</a></p>