Bootstrap 4 - Change breakpoint navbar?

You can change the Bootstrap 4 navbar breakpoint using the navbar-toggleable-* classes. Use the hidden-* utility classes to show/hide the toggle button.

Bootstrap 4 Navbar Breakpoints Demo


Update for Bootstrap 4.0.0

Changing the navbar breakpoint is easier in Bootstrap 4 using the navbar-expand-* classes. If you exclude navbar-expand-* the mobile menu will be used at all widths. Here's a demo of all 6 navbar states: Bootstrap 4 - Navbar Tiers

Also see: Change bootstrap navbar collapse breakpoint without using LESS


enter image description here

Bootstrap provide an easy way to work with menus. You can use navbar-expand-xl, navbar-expand-lg, navbar-expand-md etc according to your needs. Thanks