【问题标题】:Incorrect rendering in Chrome fix [closed]Chrome修复中的不正确渲染[关闭]
【发布时间】:2013-11-26 02:24:03
【问题描述】:

我已经构建了一个使用 twitter bootstrap 的应用程序。

导航栏在 Firefox 中正确显示,但在 chrome 中不正确。

我已经搜索了我粘贴的任何代码以提供帮助,但我没有找到任何有用的东西,所以不幸的是,我所能做的只是一个指向 page 的链接

由于某种原因,该口号在 chrome 中下降到下一行。我试过 clear: both 和 overflow: hidden 但似乎没有任何效果。

当我使用较小的屏幕时,标语会跳回正确的位置,因此它可能与媒体查询有关。

任何帮助将不胜感激。

【问题讨论】:

标签: css google-chrome media-queries


【解决方案1】:

在 Bootstrap 中有一个 .navbar-text 类,但你应该把标语放到 .navbar-collapse 类中。

<span class="navbar-text">Private voting platform</span>

无需添加额外的css。

【讨论】:

  • 谢谢。当有一个我没有听说过的引导类时,总是很难调试一些东西。
【解决方案2】:

.navbar-header 应该提供宽度或white-space: nowrap 样式集。现在它正在包装。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-02-19
    • 2014-02-23
    • 2021-05-04
    • 2013-06-26
    • 2011-03-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多