How to resize when changing navbar in bootstrap 3 ?

Question

css

I have a page that uses bootstrap navigation. When the size of the workspace is changed to a smaller one, the menu disappears and a button appears (when pressed, the same menu leaves).
Can you please tell me how to manage the dimensions to control the disappearance of the menu?
Here is an example:
getbootstrap.com/examples/carousel
ie the menu is hidden when the workspace is reduced. How to make the menu disappear completely, for example, not from 800px, but from 500?

Answer 1

1. Understand the essence of getbootstrap.com/css/#grid-options - .col-xs-, .col-sm-, .col-md-, .col-lg-, hidden-xs, hidden-sm....
2. Compile bootstrap css from less into manual getbootstrap.com/customize/#media-queries-breakpoints specifying the required values ​​for each variable .col-xs-, .col-sm-, .col-md-.....
or
3. Edit css manually, look for media queries and change values ​​there

Answer 2

Just change the collapse condition in the appropriate csse - this is a media-query edit. Firebug to the rescue, most likely it will be either the navbar class or navbar-wrapper. It's easy to find.

Answer 3

use css media

Answer 4

Just use bootstrap.css instead of bootstrap.min.css . Find @media and change to health . Then minimize