Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #34641
Closed
Open
Issue created Aug 01, 2021 by Administrator@rootContributor

Containers wrong gutters padding in nested grids

Created by: dali-rajab

Hello !

I think that containers (.container, .container-fluid ...) have wrong paddings when they are inside .rows (no-matter the nesting level), and here is a little demo about this bug : https://codepen.io/dali-rajab/pen/bGWKrEQ

image

after debugging, i found that containers "left & right" paddings are inheriting the --bs-gutter-x value from the closest .row element, which is meaningless, because the purpose behind containers paddings is to counteract the .row negative margins, so containers paddings depend on the descendent .row, therefore, there is no need for any kind of inheritence.

I'm preparing a PR to fix this.

Assignee
Assign to
Time tracking