【问题标题】:Twitter Bootstrap : a language div breaks the menuTwitter Bootstrap:语言 div 破坏了菜单
【发布时间】:2012-12-15 14:14:14
【问题描述】:

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

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

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

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

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

【问题讨论】:

  • 您的布局与文档中的示例非常相似。我recreated it 没有问题。

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


【解决方案1】:

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

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

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

&lt;li&gt;-tags 内正确对齐和设置样式。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多