title: Bootstrap responsive content, buttons overflowing
body: <p>I have a problem with Bootstrap where buttons overflow in a responsive row. It looks good in high resolutions, but when it gets resized the buttons just don't follow and fit inside the fluid row and instead stick outside the container (in this case the .content div).</p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div class="row-fluid"&gt;
      &lt;div class="content span8"&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="btn-group span5 offset7"&gt;
                  &lt;a href="#" class="btn"&gt;Button one&lt;/a&gt;
                  &lt;a href="#" class="btn"&gt;Button two&lt;/a&gt;
                  &lt;a href="#" class="btn"&gt;Button three&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>Demo: <a href="http://jsfiddle.net/D9Xav/" rel="nofollow">http://jsfiddle.net/D9Xav/</a> (Drag it through different resolutions)</p>
  
  <p>Any ideas how to solve this?</p>