使用Twitter Bootstrap 3的响应式导航栏

Question

我正在使用twitter bootstrap 3并尝试创建自适应导航栏。

但问题是当我重新调整窗口大小时，图标的宽度达到了100％。

这是FIDDLE

有人帮我解决这个问题。

我希望桌面上的宽度相同。

Answer 1

试试这个：

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