title: how to shift text from right in bootstrap?
body: <p>I make a simple demo in which I have two columns ..my second column text is right align  (<code>float:right</code>)..along that I need to give some pixel from <code>right</code>.I used <code>right:20px</code> .it is not give margin to text.it give margin to column why ? </p>
  
  <p><a href="http://codepen.io/naveennsit/pen/VePxWO" rel="nofollow">http://codepen.io/naveennsit/pen/VePxWO</a></p>
  
  <pre><code>&lt;div class='row'&gt;
      &lt;div class='col-xs-8' style='background-color:red'&gt;first&lt;/div&gt;
      &lt;div class='col-xs-4 text-right' style='background-color:yellow;'&gt;second&lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>