Fix to Chrome inheritance bug (#22872)

Created by: prateekgoel

I have changed:

*,
*::before,
*::after {
  box-sizing: inherit; }

to

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

Also, to address duplication of box-sizing from the html selector above, changed box-sizing:border-box; to box-sizing:inherit; from html.

Fixes #22872 (closed). Resolves the issue with PR https://github.com/twbs/bootstrap/pull/23025.