title: Responsive wells in Twitter-Bootstrap?
body: <p>Given this wrapping:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="container"&gt;
      &lt;div class="row-fluid swell"&gt;
      &lt;div class="span9"&gt;
          hello world
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With this styling (atop twitter-bootstrap):</p>
  
  <pre class="lang-css prettyprint-override"><code>.swell {
      background-color: #F5F5F5;
      border: 1px solid #E3E3E3;
      border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
      margin-bottom: 20px;
      min-height: 20px;
      padding: 19px;
  }
  </code></pre>
  
  <h3>How do I get graceful responsiveness?</h3>
  
  <p>(<a href="http://embed.plnkr.co/NuUnyNvTJ0JzBEftdkJI" rel="nofollow">Plnkr</a> where you can see the website running; drag side of browser window to see problem)</p>