title: My bootstrap form has two un-clickable inputs, can't figure out why
body: <p>I have a bootstrap 3 form.</p>
  
  <p>when its in the tabled and larger media query state, the middle input field is somehow overlaying the two inputs above making them none clickable <code>jsfiddle.net/wT7gp/</code>.</p>
  
  <p>I have put an example in jsfiddle. (remember to make it wide enough to see the problem)</p>
  
  <p>Repro:
  Open link.
  make the outwindow large.
  click the input for firstname.</p>
  
  <p>Expected it to start typing state, but nothing happens.</p>
  
  <p>Hope someone here can explan what I did to cause it :) I failed at finding the issue. (other then yes the middle element is overlaying the two others.</p>