Добавление границ в div div в Bootstrap портит макет

Я начинаю с Twitter Bootstrap и задаюсь вопросом о том, как в нем работает макет. Вот HTML-код:

    
        Bootstrap Test
        
        
        
        
    
    
        
            
                a
                b
            
            
                c
            
        
    

style.css:

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

Добавление border к span4 и span8 увеличивает их ширину, и я получаю следующее:

span4 и span8 складываются, пока они должны быть на одной линии. Я понимаю, что могу уменьшить их ширину в моем файле .css и исправить это, или использовать это:

http://paulirish.com/2012/box-sizing-border-box-ftw/

но Bootstrap предоставляет средства для исправления этого (не добавляя лишний CSS каждый раз, когда я добавляю или удаляю границу и т. д.)