Pourquoi Bootstrap 3 pour basculer vers box-sizing : frontière-box ?

Question

Je suis à la migration de mon Bootstrap thèmes à partir de v2.3.2 v3.0.0 et une chose que j'ai remarqué, c'est que beaucoup de dimensions sont calculées de la même manière, en raison de l'styles suivants dans le bootstrap.css.

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

Quelqu'un peut-il expliquer pourquoi Bootstrap commutateurs de la box-sizing de tous les éléments de border-box? Je soupçonne qu'il a à faire avec le nouveau système de grille étant en pourcentage, mais le sélecteur ci-dessus ne s'applique pas seulement à la grille des éléments évidemment.

Semble un peu radical à mon humble avis :-)

Quelqu'un soin pour donner un aperçu?

Answer 1

Les notes de version vous dire: (http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/)

Meilleure boîte du modèle par défaut. Tout dans le Bootstrap obtient box-sizing: border-box, rendant plus facile pour les options de taille et un amélioration de la grille de système.

Perso je pense que la plupart des bénéfices sont pour la grille(s). Dans de Twitter Bootstrap tous les grille sont fluides. Les colonnes sont définis comme un pourcentage du total. Mais la gouttière ont une largeur fixe en pixels. Par défaut, un rembourrage de 15px sur les deux côtés de la colonne. La combinaison de la largeur en pixels et en pourcentage peuvent être complexes. Dans le border-box ce calcul est facile cause: la frontière-zone de valeur (par opposition au contenu de la boîte de défaut) fait la finale de la boîte de la déclaration de largeur, et de toute frontière et de rembourrage de coupe à l'intérieur de la boîte.(http://css-tricks.com/box-sizing/)

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