title: inline form two rows in bootstrap 3 jumbotron
body: <p>So I'm trying to have an inline form that takes two rows in the bootstrap jumbotron. </p>
  
  <p>For each "row" of form elements, I assign each group of inputs a col-md-* so that the form elements are nicely aligned and take an equal amount of space. </p>
  
  <p>What I am noticing however is that there is too much space between my form elements and the form elements do not fill up to take the full space of the columns assigned to them. Do I need to specify the width of each element? or do I need a fixed width container around the form?</p>
  
  <p>Here is a bootply link <a href="http://www.bootply.com/aIhtGnedeN" rel="nofollow">http://www.bootply.com/aIhtGnedeN</a></p>
  
  <p>How can I have a compact two rowed inline form in the jumbotron while retaining responsiveness? Should I put a fixed div arounded the form?</p>