title: Bootstrap-select align only text right
body: <p>I want to align the text of the dropdown to the right and keep the carret at his place. I got a long form and every icon are on the right, so moving the carret is not an option. I found how the get the option on the right, but the selected one stay on the left.</p>
  
  <p>I try an issue by overriding the js.min, but I need to have other dropdown somewhere else left align. So I ask for your help.</p>
  
  <p>There is the code:</p>
  
  <pre><code>&lt;div class="form-group oa-vert-marg-2 pull-right"&gt;
      &lt;label class="col-sm-4 control-label" for="pmtType"&gt;Type de paiement&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/label&gt;
      &lt;div class="col-sm-8 input-group pad-btm pull-right"&gt;
          &lt;select class="selectpicker" data="pull-right" data-style="text-right" id="pmtType" dir="rtl"&gt;
              &lt;option class="text-right"&gt;Hebdomadaire&lt;/option&gt;
              &lt;option class="text-right"&gt;Quinzaine&lt;/option&gt;
              &lt;option class="text-right" selected&gt;Mensuel&lt;/option&gt;
          &lt;/select&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This is how it look:
  <a href="http://i.stack.imgur.com/jqKDh.jpg" rel="nofollow">actual</a></p>
  
  <p>This is how it should look:
  <a href="http://i.stack.imgur.com/ocxes.jpg" rel="nofollow">wanted</a></p>
  
  <p>Thank you for helping!</p>