title: Two bootstrap labels change left to right no mobile view
body: <p>I have two bootstrap labels together. One pull-left and the other pull-right.</p>
  
  <p>Please see the HTML:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;label class="pull-left" for="inputText"&gt;label text one&lt;/label&gt;
      &lt;label class="pull-right col-md-pull-6" for="inputText"&gt;label text two&lt;/label&gt;
      &lt;select class="form-control" id="inputText" name="inputText"&gt;
            &lt;option value="0"&gt;Text&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do make pull-right label float left on mobile and make on top of the pull-left label.</p>
  
  <p>I know this can be done with div's using push and pull but how can I achieve this with a label? </p>
  
  <p>Your help highly appreciated.</p>