SO footer logos

by panchroma

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<script src=" http://twitter.github.com/bootstrap/assets/js/bootstrap-tooltip.js"></script>
<div class="container">
    <div class="row">
        <div class="span12">123</div>
    </div>
</div>
    
    <div class="container">
  <div id="footer" class="row-fluid">
    <div class="span9 footer-leftspan">
       <xsl:copy-of select="data/footer-content/entry/content" />
    </div> <!-- close span9 -->

    
      
      <div class="span3 social-media-footer">
       
        
<div class="social-wrapper">
      <!-- FaceBook Button -->
          <a class="button-link" href="http://www.facebook.com/pages/...." target="_blank">
      <img id="fb-btn" class="social-img" src="https://dl.dropbox.com/u/2665617/bootstrap/images/facebook.jpg" alt="...." />
      </a>

        <!-- Twitter Button -->
    
      <a class="button-link" href="https://twitter.com/...." target="_blank">
      <img id="twitt-btn" class="social-img" src="https://dl.dropbox.com/u/2665617/bootstrap/images/twitter.jpg" alt="...." />
      </a>
</div><!-- close social-wrapper -->
    

      </div> <!-- close span3 -->
    </div> <!-- close row -->

  
</div><!-- close container -->

CSS

.span12{background-color:grey;}
.footer-leftspan{
    background-color:blue;
    min-height:80px;
}

.social-media-footer{
    background-color:pink !important;
}

.social-wrapper{
min-width:185px !important; /* adjust as necessary depending on icon sizes */
}