title: How can I change bootstrap form direction, text right textbox left?
body: <p><a href="http://i.stack.imgur.com/b52Gc.png" rel="nofollow">example of it at this link</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form class="form-horizontal" role="form" action="#"&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;עיר&lt;/label&gt;
      &lt;div class="col-sm-10"&gt;
        &lt;input class="form-control" id="Text5" type="text"/&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="form-group"&gt;
      &lt;label class="col-sm-2 control-label"&gt;רחוב&lt;/label&gt;
      &lt;div class="col-sm-3"&gt;
        &lt;input class="form-control" id="Text6" type="text" /&gt;
      &lt;/div&gt;
      &lt;label class="col-sm-2 control-label"&gt;מס'&lt;/label&gt;
      &lt;div class="col-sm-5"&gt;
        &lt;input class="form-control" type="text" /&gt;
      &lt;/div&gt;
    &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I want to change direction to be: right to left.
  text- right, textbox- left</p>