title: span grid in bootstrap v2.3.0
body: <p>I am using Bootstrap v2.3.0 to design footer content. I am trying to use the bootstrap grid to order my columns. In v2.3.0 by using span(adding up to 12 cols), my columns are not covering the entire row.
  Only in 980px screen, it's covering the entire row. But when screen size gets larger than 980px, some space is getting left or uncovered on the right side. I want the 3rd span part to be in the extreme right of the screen.</p>
  
  <p>Please refer to the image for the output of my code.
  (<a href="https://i.stack.imgur.com/SlfyQ.png" rel="nofollow noreferrer">https://i.stack.imgur.com/SlfyQ.png</a>)</p>
  
  <p>Actually I want my output like below code:
  [Required or Expected output][1]</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://getbootstrap.com/3.0.0/assets/css/bootstrap.css" rel="stylesheet" /&gt;
  &lt;link href="https://getbootstrap.com/3.0.0/assets/css/bootstrap-responsive.css" rel="stylesheet"/&gt;
  &lt;div class="container-fluid"&gt;
    &lt;h1&gt;Hello World!&lt;/h1&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-sm-6" style="background-color:lavender;"&gt;.col-sm-6&lt;/div&gt;
      &lt;div class="col-sm-6" style="background-color:lavenderblush;"&gt;
        &lt;div style="float:right;"&gt;.col-sm-6_Part-2&lt;/div&gt;
        &lt;div style="float:right; padding-right: 100px"&gt;.col-sm-6_Part-1&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What should I use to get it correct? Please help. Thanks in advance !!</p>
  
  <p>Below is the current/wrong code.</p>
  
  <pre><code>&lt;body&gt;
    &lt;div class="container-fluid"&gt;
      &lt;h1&gt;Hello World!&lt;/h1&gt;
      &lt;div class="row"&gt;
        &lt;div class="span4" style="background-color:lavender;"&gt;span4&lt;/div&gt;
        &lt;div class="span4" style="background-color:lavenderblush;"&gt;span4&lt;/div&gt;
        &lt;div class="span4" style="background-color:lavender;"&gt;span4&lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>