How to set your own breakpoints in bootstrap 4?

Question

Bootstrap

Good afternoon! Can you please tell me how to make the horizontal menu in bootstrap collapse earlier? The fact is that even the earliest breakpoint that is there is not suitable for me - "navbar-expand-xl"

Answer 1

1) the easiest way is to redefine the variables in _variables.scss that are $grid-breakpoints
2) the harder way is to write the collapse yourself. there are not many styles that change that cause the navbar to collapse
3) do not use the bootstrap clumsy navbar at all and write your own in 5 minutes, which will be better