title: set right to left radio button in bootstrap
body: <p>I am using <code>Farsi</code> language which is a <code>right to left</code>.
  I have couples of problems with this feature in <code>Bootstrap (version 3.3.6)</code>.
  For example in radio button I want that the radio put in the right of the associated label.</p>
  
  <pre><code>&lt;div class="row container"&gt;
    &lt;h2&gt;Form control: inline radio buttons&lt;/h2&gt;
    &lt;p&gt;The form below contains three inline radio buttons:&lt;/p&gt;
    &lt;form role="form"&gt;
      &lt;h4&gt;&lt;font face="B Nazanin"&gt;
      &lt;label class="radio-inline"&gt;
        &lt;input type="radio" name="optradio"&gt;
          گزینه اول
      &lt;/label&gt;
      &lt;label class="radio-inline"&gt;
        &lt;input type="radio" name="optradio"&gt;
          گزینه دوم
      &lt;/label&gt;
     &lt;/font&gt;&lt;/h4&gt;
    &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have tried many option like direction:"rtl", text-align, text-right, pull-right, etc. but they did not work.
  Also, I want to put whole of the form at the middle.</p>