I have created a navbar with bootstrap. I want the two buttons to align right, but no matter what I apply justify-content-end to, it doesn't work.

My understanding is that d-flex will need to be applied to the container, and then justify-content-end to the items as required, but using that logic (applying it to the navbar div), it doesn't work.

here is a codepen:

and then add justify-content: space-between; to your parent

CodePudding user response：

You're missing a few closing </li> tags. I'd also suggest not including a nav inside of your nav. Here's a revised codepen with modifications only to your html: codepen.io/maggiecody/pen/poWjZmG.