Barra de Navegação Responsiva usando o Twitter Bootstrap 3 - jquery, html, css, css3, twitter-bootstrap

Estou a usar twitter bootstrap 3 e tentando criar uma barra de navegação responsiva.

Mas o problema é quando eu re-dimensiono a janela a largura dos ícones estão chegando a 100%.

Aqui está o FIDDLE

Alguém me ajude a consertar isso.

Eu quero a largura para o mesmo quando está na área de trabalho.

Respostas:

tente isto:

<ul class="nav navbar-nav navbar-right pull-right row">
<li class="notifications-li dropdown col-xs-4">
</li><!-- notifications -->

<li class="tasks-li dropdown col-xs-4">
</li><!-- tasks -->

<li class="messages-li dropdown col-xs-4">
</li><!-- messages -->
</ul>