how to do responsive layouts?
-
I use Quasar for a mobile web app, but I’d like to make it more desktop-friendly too.
From what I see there isn’t a basic grid system like with bootstrap, but maybe I’m missing something from the docs.From what I can see:
-
there is no grid system
I saw a comment here but can’t find anything in the main docs?
https://forum.quasar-framework.org/topic/449/more-than-5-responsive-columns -
using CSS classes we can hide/show certain elements
but this is hardly convenient. just a way to toggle viewing but you still have to code everything multiple times
https://v0-14.quasar-framework.org/components/visibility.html#Platform-Related -
layout component
doesn’t really have anything specific to deal with desktop vs mobile?
https://v0-14.quasar-framework.org/components/layout.html -
some components have breakpoint features
-
platform detection
https://quasar-framework.org/components/platform-detection.html
works if you want to have a new route for each platform…
Am I missing something? what’s the best way to make a responsive layout with quasar?
-
-
there is no grid system
Quasar uses the Flexbox CSS system for layouts, column grids, etc.
https://quasar-framework.org/components/flex-css.html
Scott