How to center ul in navbar?

Question

HTML

<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
      <div class="row">     
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="fa fa-bars"></span>
                </button>
                <a class="navbar-brand" href="/">uppworks</a>
            </div>
            <div class="collapse navbar-collapse navbar-responsive-collapse">                                                                           
        <ul class="nav navbar-nav">
                <li><a href="#">Покупателю</a></li>
                <li><a href="#">Заказчику</a></li>
                <li><a href="#">Продавцу</a></li>
                <li><a href="#">Исполнителю</a></li>
                <li><a href="#">Оглавление</a></li>
        </ul>
            </div>
        </div>
    </div>
</div>

how to center text in ul class="nav navbar-nav" tag

Answer 1

text-align: center;
)))

Answer 2

.navbar-nav li{
text-align: center;
}

Answer 3

https://jsfiddle.net/hq2285q0/