html - 带有 Bootswatch 主题的 Jasny bootstrap 不起作用？

Question

我正在尝试使用 vertical navbar Jasny bootstrap 以及 Boootswatch 自定义主题。 我面临的问题是导航栏颜色是硬编码在 Jasny booostrap 中的，无论我使用什么主题，导航栏颜色都保持不变。

我尝试使用 Yeti 主题手动更改颜色，但我无法获得正确的菜单表示。

.navmenu-inverse,
.navbar-inverse .navbar-offcanvas {
    background-color: #008cba;
    border-color: #006687;
}

    .navmenu-inverse .navmenu-brand,
    .navbar-inverse .navbar-offcanvas .navmenu-brand {
        color: #ffffff;
    }

    .navmenu-inverse .navmenu-brand:hover,
    .navbar-inverse .navbar-offcanvas .navmenu-brand:hover,
    .navmenu-inverse .navmenu-brand:focus,
    .navbar-inverse .navbar-offcanvas .navmenu-brand:focus {
        color: #fff;
        background-color: transparent;
    }

谁能帮助我使用 Yeti theme 更正它？

此外，是否有任何简单的方法可以使其与 Bootswatch 中包含的每个主题兼容？ ??

提前致谢？

Answer 1

颜色不是硬编码，它们实际上是 Less(和 Sass)中的变量。

最简单的方法是使用 the customizer设置导航菜单的颜色。

如果您想将 Jasny Bootstrap 添加到所有 Bootswatch 主题

• 叉bootswatch repository .
• 使用 bower 安装 Jasny Bootstrap:bower install -S jasny-bootstrap。
• 添加 @import "../bower_components/jasny-bootstrap/less/jasny-bootstrap.less"; 到 global/build.less .
• 添加自定义Jasny Bootstrap variables到 Yeti theme variables.less .对每个主题重复此操作。
• 运行 grunt。