title: How to place two selects side by side using Bootstrap?
body: <p>I want to place two select options side by side in my form. I am using Bootstrap 3 but I can't place them with proper alignment.</p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>    &lt;form role="form"&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="input-group date" id="datetimepicker1"&gt;
                  &lt;input type="text" class="form-control"/&gt;
                  &lt;span class="input-group-addon"&gt;&lt;span class="fa fa-calendar"&gt;&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;div class="input-group"&gt;
                  &lt;input type="text" class="form-control"/&gt;
                  &lt;span class="input-group-addon"&gt;&lt;span class="fa fa-calendar"&gt;&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;select class="form-control"&gt;
                  &lt;option&gt;1&lt;/option&gt;
                  &lt;option&gt;2&lt;/option&gt;
                  &lt;option&gt;3&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
          &lt;div class="form-group"&gt;
              &lt;select class="form-control"&gt;
                  &lt;option&gt;1&lt;/option&gt;
                  &lt;option&gt;2&lt;/option&gt;
                  &lt;option&gt;3&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
          &lt;button type="submit" class="btn btn-primary btn-block te" &gt;Prices &amp;amp; Availability&lt;/button&gt;
      &lt;/form&gt;
  </code></pre>