html - Center bootstrap nav bar -

i have simple list of links in bootstrap navbar:

<div class="navbar">     <ul class="nav">         <li><a href="">link1</a></li>         <li><a href="">link2</a></li>         <li><a href="">link3</a></li>     </ul> </div> 

but list aligned on left, need centered, tried add inline style

style="text-align:center" 

but doesn't help.

example: http://jsfiddle.net/ndsau/

how can center it?

html

<div class="navbar">    <div class="container">        <ul class="nav">            <li><a href="">link1</a></li>            <li><a href="">link2</a></li>            <li><a href="">link3</a></li>        </ul>     </div> </div> 

css

.navbar { text-align:center; } .navbar .nav { display:inline-block; float:none; } 

fiddle