Почему Bootstrap 3 представил распределение Box: Border-Box для всех элементов?

в переходе из Bootstrap 2.3.2 к 3.0.0, заметным изменением было принятием пограничной бокса в качестве разборочного размера для всех элементов. Этот фундаментальный сдвиг требует исследования, чтобы понять, почему Bootstrap принял это решение.

Официальные примечания по выпуску указывают на то, что изменение, направленное на «улучшение системы сетки и упростить параметры размера». Охватывая все элементы, атрибут пограничной коробки обеспечивает более простые расчеты для размеров, особенно в системе сетки.

Система Bootstrap Grid полностью жидкость, с столбцами, определенными как процент от общей ширины. Тем не менее, желоба поддерживают фиксированную ширину пикселей с 15PX на каждой стороне. Традиционно эта комбинация может привести к сложным расчетам из-за различных используемых единиц.

, однако, пограничная коробка упрощает этот процесс, включив границу и прокладку в заявленную ширину элемента. Это эффективно расширяет область, занятую элементом, облегчая выравнивание столбцов и определять общую сетку сетки.

, кроме того, принятие пограничной коробки согласуется с лучшими практиками отрасли. Эксперты, такие как Пол Ирри, выступали за его широкое принятие, сославшись на его преимущества для точного контроля макета, отзывчивости и общей обстановки CSS.