使用Twitter Bootstrap 3的自适应导航栏

Question

I'm using twitter bootstrap 3 and trying to create a responsive navigation bar.

But the problem is when I re-size the window the width of the icons are getting to 100%.

Here's the FIDDLE

Someone help me in getting this fixed.

I want the width to the same when it's in the desktop.

Answer 1

try this:

<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>