How to override Bootstrap media queries?

Question

Bootstrap

Dear colleagues! Help me please. Unable to override Bootstrap v4.6 media queries. Bootstrap styles the navbar: media (min-witdh: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap; justify-content: flex-start;
}
}
And I need all this to work at 1155px. When I write all this in my style.css, nothing changes. Those. my styles appear in the console, but Bootstrap's ones also remain at the same 992px breakpoint. Thank you for considering my issue.

Answer 1

1155px is not included in the standard bootstrap breakpoints. the correct solution would be to redefine this variable in scss variables once you have such breakpoints.
also .navbar-expand- can be another {-sm|-md|-lg|-xl}. for example with .navbar-expand-xl will fire at 1200px