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

You can use

text-align:center;

to a wrapper element to center its childs, but only if the childs have

display: inline;
/* or */
display: inline-block;

Another option, if you know the width of the element you want to center, is

display: block;
width: /* something */;
margin: 0 auto;