title: Twitter Bootstrap pull-right and pull-left for RTL languages
body: <p>In Twitter bootstrap 3, I have some glyphicons in my divs and I add "pull-right" for default pages.
  When I change direction to RTL texts etc. flips successfully but pull-right doesn't switched to pull-left.
  What should I do to have an icon in right for LTR and in left for RTL ?</p>
  
  <p>(Of course it is possible to add javascript code and check for all pull-rights in page body and change them to pull-left, but I don't prefer JS solution. I tried <a href="https://github.com/ratnic/bootstrap-rtl" rel="noreferrer">this</a> but it didn't help.)</p>
  
  <p>Fiddle: 
  <a href="http://jsfiddle.net/mavent/dKPE3/1/" rel="noreferrer">http://jsfiddle.net/mavent/dKPE3/1/</a></p>
  
  <pre><code>&lt;div id="div1" class="alert alert-info"&gt;This is my fancy description &lt;span class="badge badge-info"&gt;122&lt;/span&gt;&lt;a class="btn btn-lg pull-right" style="padding:0;" data-toggle="collapse" data-target="#aaa"&gt;&lt;i class="glyphicon glyphicon-chevron-down twitp_toggleable_chevron"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id="div2" class="alert alert-info"&gt;هذا هو بلدي وصف الهوى &lt;span class="badge badge-info"&gt;122&lt;/span&gt;&lt;a class="btn btn-lg pull-right" style="padding:0;" data-toggle="collapse" data-target="#aaa"&gt;&lt;i class="glyphicon glyphicon-chevron-down twitp_toggleable_chevron"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>