Bootstrap Center Navbar Items

Question

I know I can push navbar items to the left and right, but how would I center them?

text-align:center;

doesn\'t work nor any of the other th

Answer 1

Use text-center or mx-auto or container-fluid or use flexbox technique, flex justify-center

1. You could use this hack text-center (this does not only apply for text)

2. Or use the exact boostrap class mx-auto

example class="text-center" or class="mx-auto"

in context

 or 

TRY NOT TO USE inline styles (bad practice)

---

References here:

text-center => https://getbootstrap.com/docs/4.0/utilities/text/

mx-auto => https://getbootstrap.com/docs/4.0/utilities/spacing/#horizontal-centering