Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-5933

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

XMLWordPrintable

    • Icon: Task Task
    • Resolution: Done
    • Icon: Should have 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
          Screen_shot1.JPG
          131 kB
        2. screen_shot2.JPG
          screen_shot2.JPG
          359 kB
        3. screen_shot3.JPG
          screen_shot3.JPG
          282 kB
        4. screen_shot4.JPG
          screen_shot4.JPG
          279 kB
        5. screen_shot5.JPG
          screen_shot5.JPG
          309 kB
        6. screen_shot6.JPG
          screen_shot6.JPG
          216 kB
        7. screen_shot7.JPG
          screen_shot7.JPG
          216 kB

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

              Created:
              Updated:
              Resolved: