Hi, I'm Bhavik. Welcome to JustAnswer. I'm reviewing your question now, and will reply back ASAP.
Please share your code with me, I will try my best to help you in it.
I tried but not luck.. I am opting out so that other expert can help you in it.
My name is George.
I will also try it out and give feedback.
What version of boostrap are you using? I am testing with version 3.3.7 from http://getbootstrap.com/getting-started/#download
Ok great. I just need to test it on a small screen now
Including these classes in your ul tag with the menus does hide the menu when the screen gets smaller
class="navnav-list hidden-md hidden-sm hidden-xs"
When you clink the button however the menu does not appear as expected.
I am investigating other solutions as having data-toggle="modal" in the button tag did not work. You may test it however as I have not tested it on a variety of devices.
I have tested by shrinking the width of the Google Chrome window I'll also try the plugin.
I have also realised that modal is not that different from collapse except that the menu displays as a popup.
You are right bootstrap should have the class/command we want I'll also help figure out.
My index page that hides the menu but fails to display after button click is here https://dl.dropboxusercontent.com/u/21712482/index.html
Please download this index file https://dl.dropboxusercontent.com/u/21712482/index.html
And test to verify if thats how you want your menus to behave.
I have tested with "Resize Window" plugin in Chrome.
Ok cool, I'll rework it and send the entire HTML5 project that I am testing it on.
Please download the project from https://dl.dropboxusercontent.com/u/21712482/JAClient.zip
Changes that I have made are indicated with comments in the index file and bootstrap. To control the behaviour I have just played around with bootstrap's hidden-* classes in the functions inside js/navbarcontrol.js . I was able to obtain the views as seen in the attached images.
You can run the project by importing it in Netbeans with an HTML5 plugin installed.
Please do tell me if it is not behaving as expected and remember to reload the page every time you change the browser screen size while testing.
Ok, chat to you then.
Ok, thank you so much for the feedback. I'll work on you full index and send it back.