title: Bootstrap mobile inline form
body: <p>I' m using bootstrap. I want in mobile elm1, elm2 and elm3 displayed the one next to another (like inline). Look at the following code:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
  
  &lt;div class="form-group"&gt;
                    &lt;label class="control-label col-sm-5 elm0" for="email"&gt;Date:&lt;/label&gt;
                    &lt;div class="col-sm-2 elm1"&gt;
                      &lt;select class="form-control"&gt;
                          &lt;option&gt;1&lt;/option&gt;
                          ....
                          &lt;option&gt;12&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-1 elm2"&gt;/&lt;/div&gt;
                      &lt;div class="col-sm-4 elm3"&gt;
                      &lt;select class="form-control"&gt;
                          &lt;option&gt;2015&lt;/option&gt;
                          ....
                          &lt;option&gt;2035&lt;/option&gt;
                      &lt;/select&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However in mobile resolution the three elements goes one after another. If i put col-xs-.. instead of col-sm-.. elm0 isn't displayed well.</p>
  
  <p>What i can do?</p>