css - Twitter Bootstrap：语言 div 破坏了菜单

Question

我在使用 Twitter Bootstrap 菜单 + 添加语言下拉菜单时遇到了一些困难。

我希望它显示在一行中。不幸的是，添加下拉菜单会将菜单分成两行。

如何解决？问题的例子在这里： jsFiddle

添加display:inline;并不能帮助将所有内容显示在一行中。正确的顺序将是标准：项目名称_主页_关于_联系方式_ __ _ __ _ __ _ ___语言_以用户名登录

任何想法如何正确修复它？

Answer 1

首先，不要在可以使用列表 ( <li>) 的导航中使用 div。

如果要在导航栏中显示文本，请使用：

  <span class="navbar-text">some text</span>

<li>-tags内部以正确对齐和设置样式。

这是您导航的正确标记： JSFiddle