Warum hat Bootstrap 3 Box-Größe einführen: Border-Box für alle Elemente?

im Übergang von Bootstrap 2.3.2 bis 3.0.0 war eine bemerkenswerte Änderung der Annahme von Border-Box als Default-Box für alle Elemente. Diese grundlegende Verschiebung garantiert die Erforschung, um zu verstehen, warum Bootstrap diese Entscheidung getroffen hat.

Die offiziellen Versionshinweise zeigen, dass die Änderung darauf abzielt, "das Netzsystem zu verbessern und die Größenoptionen zu vereinfachen". Durch die umfassenden Elemente stellt das Border-Box-Attribut einfachere Berechnungen für die Größe für die Größe sicher, insbesondere innerhalb des Netzsystems.

Das Bootstrap-Gittersystem ist völlig flüssig, wobei Spalten als Prozentsätze der Gesamtbreite definiert sind. Die Dachrinnen halten jedoch eine feste Pixelbreite mit 15px -Polster auf jeder Seite. Traditionell könnte diese Kombination aufgrund der verschiedenen verwendeten Einheiten zu komplexen Berechnungen führen.

jedoch vereinfacht Border-Box diesen Prozess durch Einbeziehung der Grenze und Polsterung in die deklarierte Elementbreite. Dies erweitert den von dem Element besetzten Bereich effektiv und erleichtert es, Spalten zu übereinstimmen und das Gesamtnetzlayout zu bestimmen. Experten wie Paul Irish haben sich für seine weit verbreitete Einführung eingesetzt und seine Vorteile für eine genaue Layoutkontrolle, Reaktionsfähigkeit und allgemeine CSS -Wartbarkeit genannt.