Bootstrap 4 - Change breakpoint navbar?

twitter-bootstrap menu breakpoints nav bootstrap-4
Piet picture Piet · Apr 4, 2016 · Viewed 12.6k times · Source

This question was already asked here but this don't work because of the Javascript. So in the provided answer only the CSS was changed but not the JS, which means the content of the nav bar is still visible while the toggler is not. Any solution?

Edit:

My question is how to change the breakpoint of the nav bar in Bootstrap 4.xx

Answer

Zim picture Zim · Apr 4, 2016

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

Related questions

Twitter Bootstrap add active class to li

Using twitter bootstrap, and I need to initiate active class to the li portion of the main nav. Automagically. We use php not ruby. Sample nav : <ul class="nav"> <li><a href="/">Home</…

Read More
How to make a 3-level collapsing menu in Bootstrap?

I am trying to make a 3-level collapsing navbar menu for Bootstrap, but I can't open the third level. This is the two level menu which I have: I thought something like this would work: <link href="https://stackpath.…

Read More
how to set active class to nav menu from twitter bootstrap

I'm new to the twitter bootstrap. Using there navigation menus . I'm trying to set active class to selected menu. my menu is - <div class="nav-collapse"> <ul class="nav"> <li id="home" class="active">&…

Read More