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
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