Box Sizing

Utilities for controlling how the browser should calculate an element's total size.

Classes

Class Output
d-box-border box-sizing: border-box;
d-box-content box-sizing: content-box;

Examples

All examples below have a 128px height and width. You can see how .d-box-border elements includes the padding and border into the overall box's height and width.