I have request to collapse bootstrap's navbar earlier. I use Bootstrape template and need some solution for such humble problem. Stackoverflow.com was very helpful. Code works very well and it was easy adjusted for my needs. Here's a piece of code I used:
@media (min-width: 768px) and (max-width: 1300px) {
.navbar-collapse.collapse {
display: none !important;
}
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-header .collapse, .navbar-toggle {
display:block !important;
}
.navbar-header {
float:none;
}
}
It collapse at 1300 px point. You can change for any number you want or need.