¿Por qué Bootstrap 3 cambió a box-sizing: border-box?
Estoy migrando mis temas de Bootstrap de v2.3.2 a v3.0.0 y una cosa que noté es que muchas dimensiones se calculan de manera diferente, debido a los siguientes estilos en bootstrap.css.
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
¿Alguien puede explicar por qué Bootstrap cambia el tamaño de cuadro de todos los elementos a cuadro de borde? Sospecho que tiene que ver con el nuevo sistema de cuadrícula basado en porcentajes, pero el selector de arriba no solo se aplica a los elementos de cuadrícula, obviamente.
Parece un poco radical imho :-)
¿A alguien le importa dar una idea?