Thursday, June 25, 2015

Bootstrap:how to collapse navbar earlier

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.