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. 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;
    } {
        display: block !important;
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    .navbar-header {

It collapse at 1300 px point. You can change for any number you want or need.

1 comment:

  1. I really appreciate information shared above. It’s of great help. If someone want to learn Online (Virtual) instructor lead live training in Bootstrap, kindly contact us
    MaxMunus Offer World Class Virtual Instructor led training on Bootstrap. We have industry expert trainer. We provide Training Material and Software Support. MaxMunus has successfully conducted 100000+ trainings in India, USA, UK, Australlia, Switzerland, Qatar, Saudi Arabia, Bangladesh, Bahrain and UAE etc.
    For Demo Contact us.
    Nitesh Kumar
    Skype id: nitesh_maxmunus
    Ph:(+91) 8553912023