title: Twitter bootstrap float div right
body: <p>What is the proper way in <code>bootstrap</code> to float a div to the right? I thought <code>pull-right</code> was the recommend way, but it is not working.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
   .container {
      margin-top: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="span6"&gt;
              &lt;p&gt;Text left&lt;/p&gt;
          &lt;/div&gt;
          &lt;div class="span6 pull-right"&gt;
              &lt;p&gt;text right&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>