title: How to get checkbox label to be on the left of checkbox
body: <p>I have the following code:</p>
  
  <pre><code>   &lt;div class=checkbox&gt;
         &lt;label&gt;&lt;input type="checkbox" id="foo"&gt;My Label&lt;/label&gt;
     &lt;/div&gt;
  
     &lt;div class=checkbox&gt;
         &lt;label&gt;&lt;input type="checkbox" id="bar"&gt;Another Longer&lt;/label&gt;
     &lt;/div&gt;
  
     &lt;div class=checkbox&gt;
         &lt;label&gt;&lt;input type="checkbox" id="baz"&gt;Less than lng&lt;/label&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>this will render in bootstrap 3 with the label on the right hand side. which is fine normally, but I need it to be on the right hand side with the checkbox on the left.</p>
  
  <p>So it looks like below, the labels should be right justified also.</p>
  
  <pre><code>      My Label []
  Another longer []
   Less than lng []
  </code></pre>