Skip to content

Conversation

oooFreaKooo
Copy link

@oooFreaKooo oooFreaKooo commented Sep 12, 2025

Description

This PR adds support for the justify-self CSS property to Bootstrap’s utilities.
It introduces responsive classes for controlling an element’s alignment inside a grid.

Example:

<div class="d-grid">
  <div class="justify-self-start">Left</div>
  <div class="justify-self-start justify-self-lg-end">Left on mobile, Right on desktop</div>
  <div class="justify-self-center">Center</div>
  <div class="justify-self-end justify-self-lg-center">Right on mobile, Center on desktop</div>
</div>

Motivation & Context

Type of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Refactoring (non-breaking change)
  • Breaking change (fix or feature that would change existing functionality)

Checklist

Live previews

https://deploy-preview-41734--twbs-bootstrap.netlify.app/docs/5.3/utilities/justify-self/

Related issues

Closes #25673

@oooFreaKooo oooFreaKooo requested a review from a team as a code owner September 12, 2025 11:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Where is justify-self
2 participants