I don't know to use SED, however, it looks like your changing all "979" to
"767" and all "980" to "768". Correct? Thanks. This should be in
documentation.
Mike
On Saturday, May 19, 2012 8:02:50 PM UTC-7, Richard Bronosky wrote:
>
> 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.
>
