title: Fluid & Responsive Facebook Like Box
body: <p>i am using the "old" FB Likebox:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="span12"&gt;
              &lt;div id="fb-root"&gt;&lt;/div&gt;
              &lt;script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php" type="text/javascript"&gt;&lt;/script&gt;
              &lt;script type="text/javascript"&gt;FB.init("394109690683544");&lt;/script&gt;
              &lt;fb:fan height="120px;" width="100%" logobar="false" stream="false" connections="12" css="http://myurl.com/facebook.css" profile_id="562615520421911" class="fb_iframe_widget "&gt;&lt;/fb:fan&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>how can i change the css to always have a 100% width? I need to use the box with twitter bootstrap and responisve.</p>
  
  <p>thank you</p>