"justify-content-end" does not align flex items to the right about bootstrap

[s0rin]

That's right, the fix works, thank you!

[julien-deramond]

Thanks for reporting an issue @s0rin

Here's the CSS rule of bootstrap.css in 5.3.3:

bootstrap/dist/css/bootstrap.css

Lines 7783 to 7785 in 6e1f75f

	.justify-content-end {
	justify-content: flex-end !important;
	}

Here's the CSS rule of bootstrap.css in 5.3.2:

bootstrap/dist/css/bootstrap.css

Lines 7794 to 7796 in 344e912

	.justify-content-end {
	justify-content: flex-end !important;
	}

Nothing has changed specifically for this class.

Please try to create a reproducible live example of your issue with CodePen or StackBlitz so we can analyze the real problem :)

[s0rin]

Here the reproducible live examples as requested:
[Bootstrap 5.3.2 modal popup] (https://codepen.io/s0rin/pen/VwJoWpo)
[Bootstrap 5.3.3 modal popup] (https://codepen.io/s0rin/pen/yLdmXLo)

[julien-deramond]

OK, I get it. We changed the CSS of the modal in 5.3.3 (see https://github.com/twbs/bootstrap/pull/39373/files).
On your side, you don't need this extra <div> and use the HTML markup provided in our Modal documentation.
To fix the issue, you can remove the surrounding <div class="d-flex justify-content-end">.