If you want to make .nav-collapse collapse only on <768px (aka: smaller
than iPad portrait) you can edit bootstrap-responsive.css and in all @media
blocks that contain .nav-collapse change their min or max width. At the
time of this writing, it could be done with this simple sed command:
sed 's/@media (max-width: 979px) {/@media (max-width: 767px) {/;s/@media
(min-width: 980px) {/@media (min-width: 768px)
{/;' bootstrap-responsive.css > bootstrap-responsive768.css
It seems pretty simple, but it took me a while to investigate and then
check for unintended consequences. I had to make sure that those media
blocks contain everything needed for collapsing navigation and nothing
more. I hope this can save someone else some time.
