title: Bootstrap 3: Two forms on the same line
body: <p>I have made two forms for registering. When i add the code below to the page the second field automatically drops down below the first one. I would like it to go besides it.</p>
  
  <pre><code>&lt;h1&gt;Register&lt;/h1&gt;
  
  
  &lt;input type="text" class="form-control" placeholder="Forename" autofocus style="width:150px"&gt;
  &lt;input type="text" class="form-control" placeholder="Surname" autofocus style="width:150px"&gt;
  </code></pre>
  
  <p>here is an example of what it looks like in normal html (<a href="http://jsfiddle.net/wemTM/" rel="noreferrer">currently</a>) and that is what i want it to look like. But in bootstrap it keeps taking  new line</p>