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

我正在尝试将Jasny引导程序的vertical navbar与Boootswatch自定义主题一起使用。
我面临的问题是导航栏的颜色在Jasny boostrap中是硬编码的，无论我使用什么主题，导航栏的颜色都保持不变。

我尝试使用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中包含的每个主题兼容？

先感谢您？

最佳答案

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

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

如果要将Jasny Bootstrap添加到所有Bootswatch主题中


分叉bootswatch repository。
安装凉亭Jasny引导程序：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。