Passen Sie die Grid-System-Haltepunkte von Bootstrap 4 an ⇐ CSS

[Guest]

Ich habe eine Anwendung, bei der das Design einen 1280-Haltepunkt vom Desktop zum Tablet bzw. XL zum LG benötigt. Allerdings hat Bootstrap selbst den XL-Haltepunkt bei 1200.
Ich muss diesen XL-Haltepunkt global für Bootstrap ändern. Muss ich Bootstrap 4 aus den Quelldateien neu kompilieren?
Ich habe versucht, dies mit meinem Sass-Build einzurichten:

Code: Select all

$grid-breakpoints: (
// Extra small screen / phone
xs: 0,
// Small screen / phone
sm: 576px,
// Medium screen / tablet
md: 768px,
// Large screen / desktop
lg: 992px,
// Extra large screen / wide desktop
xl: 1280px
);

$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1220px
);

Allerdings hat sich am Haltepunkt für xl global nichts geändert, es würde stattdessen immer noch den Bruch bei einer Breite von 1200 Pixeln ausführen.