Right alignment in Navar text example

[julien-deramond]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

In Navbar text example, the text "Navbar text with an inline element" should be right-aligned in desktop mode and in small screen mode.

Bootstrap reference: https://getbootstrap.com/docs/5.2/components/navbar/#text-1

In desktop mode, this is due to the absence of flex-grow: 1 mentioned in the source code as having side effects maybe with the Orange Navbar component.

For this issue, fix the navbar CSS while trying to:

• not changing the markup from Bootstrap
• not to add regressions in Orange Navbar

Check also the other examples in this page compared to Bootstrap.

Reduced test cases

N/A

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Firefox

What version of Boosted are you using?

v5.2.0