Bootstrap 4 Dashboard 的活动项目未在 Firefox 中显示

【问题标题】：Bootstrap 4 Dashboard's active item not displayed in FirefoxBootstrap 4 Dashboard 的活动项目未在 Firefox 中显示
【发布时间】：2018-03-13 12:41:03
【问题描述】：

在以下网址https://getbootstrap.com/docs/4.0/examples/dashboard/ 中，您可以找到使用最新 Bootstrap 4 的仪表板模板。

在 Chrome 中，导航栏项目被正确显示，特别是活动的导航栏项目，名称为 Dashboard（由于缺乏可视化问题的声誉，无法嵌入图像），而在 Firefox 中，活动的 Dashboard 元素根本不显示！

我在一个项目中使用该模板，但无法找出导致此问题的原因。

任何帮助将不胜感激。

【问题讨论】：

标签： twitter-bootstrap bootstrap-4 sticky

【解决方案1】：

问题在于 Firefox 不支持边栏中使用的 position: sticky。作为一种解决方法，您可以在侧边栏上使用position: absolute...

.sidebar-sticky {
    position: absolute;
}

Bootstrap 4 Dashboard Demo

【讨论】：

非常感谢！知道那个细节。
我更新了答案，position: absolute; 在这种情况下在所有浏览器中效果更好。
对我来说，它使用相对效果更好，因为我在 Angular 5 项目中使用 Bootstrap 4，并且 routerActiveLink 不会使用绝对位置占据侧边栏的整个宽度。我在活动路由链接上设置了背景颜色属性而不是颜色。