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

You may also use negative margins :

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

It's not as good a solution as using box-sizing: border-box, IMHO, but it's just worth noticing it works, if you're forced to use box-sizing: content-box.