title: Going responsive with Bootstrap, spans not collapsing
body: <p>I'm trying to code a responsive footer for my site and I'm using bootstrap for the site so I figured i'd use the fluid spans. I've got everything setup the way it should as seen <a href="http://www.divisionforty.com/wallspace/#" rel="nofollow">here</a></p>
  
  <p>however when you shrink the browser it does not collapse like the spans should. Instead one goes down etc etc. </p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;div id="footer"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span12"&gt;
        &lt;div class="row-fluid"&gt;
          &lt;div class="span4"&gt;
            &lt;div id="leftsidefooter"&gt;
              &lt;div id="social"&gt;
                &lt;a href=
                  "https://www.facebook.com/pages/Wall-Space-Gallery-and-Framing/195974620432391"&gt;
                &lt;img alt="facebook" class="socialicon" src=
                  "img/FacebookSquare.png"&gt;&lt;/a&gt; &lt;a href=
                  "https://twitter.com/WallSpaceOttawa"&gt;&lt;img alt=
                  "twitter" class="socialicon" src=
                  "img/Twittersquare.png"&gt;&lt;/a&gt;
              &lt;/div&gt;
              &lt;div id="feed"&gt;&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="span8"&gt;
            &lt;div class="span4"&gt;
              &lt;div id="rightsidefooter"&gt;
                &lt;h3&gt;Rental Inquires&lt;/h3&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="span4"&gt;
              &lt;div id="rightsidefooter"&gt;
                &lt;h3&gt;Rental Inquires&lt;/h3&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>