title: How to place some fields horizontal while others vertical inside a bootstrap form
body: <p>I have a bootstrap form where I want some fields to be horizontal while others vertical. In the fiddle at the bottom, I want <code>field 1</code> and <code>field 2</code> to be in the same row and but of default size (not stretched). The button should be at center but in a separate row. How should I achieve this in bootstrap? I tried adjusting the size of text fields but it didn't work. Also, the button is not placing at the center and is too close to above form fields. Is table a good idea here? Please help me with this.</p>
  
  <p>Fiddle: <a href="http://jsfiddle.net/r30kk8m4/" rel="nofollow">http://jsfiddle.net/r30kk8m4/</a></p>