title: Twitter Bootstrap - borders
body: <p>I just started using Twitter Bootstrap, and I have a question about how to best add a border to a parent element?</p>
  
  <p>for instance, if I have </p>
  
  <pre><code> &lt;div class="main-area span12"&gt;
      &lt;div class="row"&gt;
         &lt;div class="span9"&gt;
              //Maybe some description text
         &lt;/div&gt;
         &lt;div class="span3"&gt;
              //Maybe a button or something
         &lt;/div&gt;
      &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>If I apply a border like so:</p>
  
  <pre class="lang-css prettyprint-override"><code>.main-area {
      border: 1px solid #ccc;
  }
  </code></pre>
  
  <p>The grid system will break and kick <code>span3</code> down to the next row because of the added width of the border......Is there a good way to be able to add things like borders or padding to the parent <code>&lt;div&gt;</code>s like this?</p>