Adjust the Bootstrap Build and grid variables to fit into an 8px grid.

XMLWordPrintable

    • Type: Task
    • Resolution: Done
    • Priority: Should have
    • None
    • None

      After migrating to Bootstrap 5, adjust the grid variables and the bootstrap build to match an 8px grid.

      There is already a PR on this subject, but it might be outdated as Bootstrap 5 introduced a new grid breakpoint.

      Our current grid is based on the default Bootstrap variables, which typically use a 15px gutter between columns, the idea is to setup a set of grid variables to support the 8pt grid system (more details in the P4 Grid Update doc)

      Refer to the bootstrap docs for more info on the grid variables.

        1. Screen_shot1.JPG
          131 kB
          Houssam Saleh
        2. screen_shot2.JPG
          359 kB
          Houssam Saleh
        3. screen_shot3.JPG
          282 kB
          Houssam Saleh
        4. screen_shot4.JPG
          279 kB
          Houssam Saleh
        5. screen_shot5.JPG
          309 kB
          Houssam Saleh
        6. screen_shot6.JPG
          216 kB
          Houssam Saleh
        7. screen_shot7.JPG
          216 kB
          Houssam Saleh

            Assignee:
            Unassigned
            Reporter:
            Pablo Cuadrado (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: