R bslib更改navbar颜色引导版本5

czq61nw1 于 2023-09-27 发布在其他

关注(0)|答案(2)|浏览(93)

为什么在shiny（版本1.6.0.9022）中更改导航栏颜色不适用于BS版本4和5？
可重复的示例：
app.R

library(shiny)
library(bslib)

theme_test <- bs_theme(version = 5,
                       primary = "#d83e3e") %>%
bs_add_rules(sass::sass_file("custom.scss"))

ui <- navbarPage(title = "Test", theme = theme_test)

server <- function(input, output) {}

shinyApp(ui, server)

custom.scss

.navbar { 
    background-color: $primary;
    color: $primary;
}

运行

library(shiny)
runApp("FOLDERNAME")

来源：https://stackoverflow.com/questions/68692614/r-bslib-change-navbar-color-bootstrap-version-5

2条答案

按热度按时间

ztigrdn81#

经过一番折腾，我找到了正确的css/sass：

.bg-light, .navbar-default {
    background-color: $primary !important;
}

赞(0）回复(0）举报 2023-09-27

cgh8pdjw2#

可能值得考虑的是，正确的类可能会根据主题和其他设置而变化。例如，为了正确使用sandstone，我使用了以下代码：

theme = bslib::bs_theme(
      version = "5",
      preset = "sandstone", 
    ) %>%
      bslib::bs_add_rules(rules = "
.navbar.navbar-inverse {
   background-color: $dark !important;
}")

赞(0）回复(0）举报 2023-09-27

我来回答

R bslib更改navbar颜色引导版本5

2条答案

相关问题

热门标签

最新问答