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

标签 jquery html css twitter-bootstrap

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

但问题是当我调整窗口大小时,图标的宽度变为 100%。

这是 FIDDLE

有人帮我解决这个问题。

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

最佳答案

试试这个:

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

关于jquery - 使用 Twitter Bootstrap 3 的响应式导航栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20313064/

相关文章:

javascript - 如何禁用按钮

python - 如何使用 cgi 包从 python 发送响应代码

html - 选择具有特定样式的元素?

CSS/LESS 允许内容增长,同时保持 div 垂直居中

HTML/CSS Alpha 代码 &dollar; IE 不渲染

javascript - 如何验证不转到另一个页面但在同一页面上填写另一个表单的表单?

javascript - jQuery 问题。尝试使用 remove() 时单击了按钮

javascript - 按图像过滤 不想显示所有图像

javascript - 削减使用货币转换器 Web 服务产生的结果的值(value)

javascript - 弹出窗口在向下滚动时更改位置