Добавление точек останова XXL и XXXL. Что такое контейнер-макс-ширина?

Question

Я хочу добавить точки разрыва XXL и XXXL в начальной загрузке 4.x

$grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1440px,
    xxxl: 1600px
  );

Я знаю, что мне нужно также установить $ container-max-widths, но я не уверен, что такое математика,Я думаю, что это как-то связано с полем в 30px.Какая математика для вычисления этого и / или какие числа я должен использовать для XXL и XXXL

$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1140px,
    xxl:  ????,
    xxxl: ????
  )

Почему это 720 для 768? Что я действительно хочу знать, так это то, что я вставляю в XXL (1440) и XXXL (1600)?

Answer 1

При расчете ширины контейнера они гарантируют, что все ширины делятся на 12 согласно комментариям в этом обвинении.https://github.com/twbs/bootstrap/blame/dd539094ea6722489c5ba940523691edc556b6a3/scss/_variables.scss

Это коммит, в котором упоминается делимое на 12 требование https://github.com/twbs/bootstrap/commit/0ba0f19003b8d118801fca94dcacc908fd4ddd70

Они также кажутся делимыми на 10 и, по крайней мере, на 30px меньше точки останова сетки.

Следуя этой схеме, значения будут

$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1140px,
    xxl: 1380px,
    xxxl: 1560px
)