Bootstrap navbar collapse default

[dragosct]

Hi! If you want to have the default navbar collapse from Bootstrap you must follow the following steps:

1. You must go in you're html page and put inside of tag nav on tag button the attribute data-target="#navbar-collapse", then you go on <div class="navbar-collapse"></div> and add to this the id="navbar-collapse".

2. Now you have to take the uploaded file _responsive.scss and replace in assets/sass/material-kit/_responsive.scss with the new one.
   _responsive.scss.zip

3. Again you have to take the uploaded javascript file material-kit.js and replace in assets/js/material-kit.js with the new one.
   material-kit.js.zip

4. In the final you must compile you're scss with Koala. Please make sure that you're output path is HTML/assets/css/material-kit.css.

To go back on our style of navbar-collapse just put in html page on body tag the class .off-canvas-menu and then you have to remove from div with class .navbar-collapse the id="navbar-collapse", and everything will work fine.

Regards,
Dragos

[Wegazz]

responsive.scss.zip
material-kit.js.zip
files no longer exist