Adding borders to span divs in Bootstrap messes up layout

Question

I am starting with Twitter Bootstrap and have a question about how layout functions in it. Here is the HTML:

Answer 1

The span classes in bootstrap have specific widths so adding a border throws off the total for the row and forces them to wrap. To get around this I usually put the border styling on a div inside the div with the span class. Something like this:

HTML

   

       
a
   
   

       
b
   

CSS

.span4 > div, .span8 > div
{
   background-color:#eee;
   border: 1px solid #888;
   border-radius:3px;
}