No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    how to do responsive layouts?

    Help
    2
    2
    2934
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      dcsan last edited by

      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?

      1 Reply Last reply Reply Quote 0
      • s.molinari
        s.molinari last edited by s.molinari

        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

        1 Reply Last reply Reply Quote 0
        • First post
          Last post