I want to change the ‘pixel’ based media in twitter bootstrap 3 to ’em’ based media queries.
so for example:
@media only screen and (max-width: 320px){} would equal to @media only screen and (max-width: 20em){} @media only screen and (max-width: 480px){} would equal to @media only screen and (max-width: 30em){} etc.
Is there a easier way to do this in the bootstrap.css file rather than changing all the media queries manually which would take a lot of time to do.