Por que o Bootstrap 3 mudou para o box-sizing: border-box?
Estou migrando meus temas do Bootstrap da v2.3.2 para a v3.0.0 e uma coisa que notei é que muitas dimensões são calculadas de maneira diferente, devido aos seguintes estilos no bootstrap.css.
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
Alguém pode explicar por que o Bootstrap muda o tamanho de caixa de todos os elementos para a borda da caixa? Eu suspeito que isso tenha a ver com o novo sistema de grade sendo baseado em porcentagem, mas o seletor acima não se aplica apenas aos elementos da grade, obviamente.
Parece um pouco radical imho :-)
Alguém se importa em dar uma ideia?