title: Bootstrap inline form's submit button not in the same line
body: <p>I tried to use Bootstrap's inline form but oddly the submit button can't be put on the same line with other input items. I had been searching for solutions but didn't find one yet.</p>
  
  <p><img src="https://i.stack.imgur.com/tuAL5.png" alt="enter image description here"></p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;form class="form-inline" role="form" method="post" action=""&gt;
  &lt;div class="form-group"&gt;
      &lt;input type="text" class="input-small" id="startDate" placeholder="Start Date" name="startDate"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;input type="text" class="input-small" id="endDate" placeholder="End Date" name="endDate"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
     &lt;input type="text" class="input-small"" id="number" placeholder="Number" name="number"&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      Status: &lt;select class="selectpicker" id="status" name="status" &gt;
            &lt;option value="All"&gt;ALL&lt;/option&gt;
            &lt;option value="Successful"&gt;Successful&lt;/option&gt;
            &lt;option value="Unsuccessful"&gt;Unsuccessful&lt;/option&gt;
      &lt;/select&gt;
     &lt;/div&gt;
      &lt;div class="form-group"&gt;
      Direction: &lt;select class="selectpicker" id="direction" name="direction"&gt;
            &lt;option value="All"&gt;All&lt;/option&gt;
            &lt;option value="IN"&gt;In&lt;/option&gt;
            &lt;option value="OUT"&gt;Out&lt;/option&gt;
      &lt;/select&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="btn btn-success" id="submit" name="submit"/&gt;Submit&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>Can somebody help me to inline the submit button with the other items? Thanks a lot! </p>