.nav-underline jumps when navigating

[xvaara]

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

.nav-underline .active has font-weight: 700; which causes the navigation to jump around when swiching active

Reduced test cases

https://stackblitz.com/edit/rd28tu?file=index.html

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

Windows, macOS, Android, iOS, Linux

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

Chrome, Safari, Firefox, Microsoft Edge, Opera

What version of Bootstrap are you using?

5.3.3

[antoinevilain001]

Hi, gave this a quick shot and it does seem like removing the font-weight on active makes it look a lot worse (active link does not really stand out with just the underline and colour change). I would imagine that to fix this problem we would want navbar item spacing to be done in such a way that bolding one element keeps the spacing of the others constant, which seems like a slightly more involved change.