1

I have a requirement to build a web application which

  • will only run on mobile devices, specifically one model of mobile phone
  • if someone opens it on a tablet or desktop browser, it should still look identical to the way it looks on mobile
  • must be as lightweight (minimized css download) as possible
  • should look (on mobile) as if it was built on bootstrap (with the default styles)
  • mark-up (classes, grid system) should look undistinguishable to Bootstrap developers
  • should be easy to extend to tablet and desktop viewports later

I thought to myself: I could just go download Bootstrap and then strip it off all @media queries, leaving support for only the mobile ( "xs-" classes ) sized viewport.

And THEN, I thought: I don't want to maintain a fork of Bootstrap. Surely someone must already have thought of this, and maintains a public fork of Bootstrap 4 that's been stripped down for mobile-only?

I tried Googling and found only some unrelated stuff.

Does such a framework exist?

  • Can you please specify your 'phone's screen size? Without that, we can't help. – Mawg Sep 5 '18 at 8:56
  • Seriously? Ok assume it’s an iPhone 6-7-8, non-plus. – Alex R Sep 5 '18 at 14:32
  • Seriously? Absolutely, how could it not be? You want support for only one screen size - don't you think you ought to tell us what it is? What if I find something that supports only one screen size, but not the one that you want? – Mawg Sep 5 '18 at 14:34
  • 1
    Bootstrap’s first breakpoint is at 768px. But that doesn’t specifically matter. The fact that it has any media query at all is the problem (makes the css bloated with classes that will never be used). – Alex R Sep 5 '18 at 14:52
  • 1
    I'm using bs3.3.6 (because I must) and have removed all the media queries using postcss and a plugin but does not seem to be enough – Alex May 17 at 16:32

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.