css - 推特 Bootstrap : a language div breaks the menu

标签 css drop-down-menu twitter-bootstrap menu alignment

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

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

如何解决? 问题的例子在这里: jsFiddle

添加 display:inline; 并不能帮助所有内容显示在一行中。 正确的顺序是标准的: 元素名称_首页_关于_联系方式_________< em>____语言_以用户名登录

关于如何正确修复它有什么想法吗?

最佳答案

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

如果要在导航栏中显示文本,请使用:

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

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

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

关于css - 推特 Bootstrap : a language div breaks the menu,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14101264/

相关文章:

javascript - 当我点击它时如何隐藏div

css - 可访问的 CSS 下拉菜单

css - 如何在 twitter bootstrap subnav' 下拉菜单中实现小箭头

java - JFilechooser "Look In"下拉菜单未出现在框架 GlassPane 上

javascript - "site requires javascript"作为关键字从分析器返回

jquery - Bootstrap 3 : Catch event when navbar is collapsed or expanded

html - 如何将填充添加到 html 下拉列表?

css - 哪些 css 属性可以动画

css - IE7、IE8 子选择器问题

html - 下拉切换背景颜色的问题