Bootstrap navbar-collapse expanded on 768 screen extension, how to hide?

Question

Bootstrap

How to set up an ever expanding menu when using Bootsprap navbar
The screenshot clearly shows the error. Which is only observed when the screen is expanded to 768, how to fix it? I use collapse navbar-collapse navbar-right

And also tell me why Bootstrap has media queries like:
media (max-width: 767px)?