r - 更改 navbarPage 的高度

标签 r shiny navbar

我试图缩小 Shiny R 中导航栏的大小。但是,即使我更改标题大小(h3 到 h6),navbarPage 的高度保持不变,使其看起来太大。我没有成功地减小它的大小,任何帮助将不胜感激!

这就是它的样子:

See here

我目前拥有的代码如下:

shinyUI(fluidPage( 
 tags$head(
  tags$style(HTML(".leaflet-container { background: #B6D0CE; }"))),
 fluidRow(h3("[Title] Dataset", align = "center", 
         style="padding:10px;")),
 fluidRow(navbarPage(theme = shinytheme("paper"), h6("Menu"),
          collapsible=TRUE, tabPanel(h6("Tab 2"))))
))

最佳答案

您可以在应用程序中使用以下代码来减小导航栏的高度:

tags$head(
    tags$style(HTML(' .navbar {
                          height: 25px;
                          min-height:25px !important;
                        }
                      .navbar-nav > li > a, .navbar-brand {
                            padding-top:1px !important; 
                            padding-bottom:1px !important;
                            height: 25px;
                            }')))

将此代码片段添加到您的代码中将产生以下结果: enter image description here

希望对你有帮助!

关于r - 更改 navbarPage 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57843906/

相关文章:

r - ggplot2 中 geom_line 的两个色标

r - Shiny:如何创建确认对话框

从选择列表到 react 图的 R Shiny 传递变量

导航栏的 HTML5 语义结构

javascript - JS - 如何仅在已经切换的情况下切换 CSS 类

html - 菜单栏右端空格

r - 防止隐藏一组点后调整 R `plotly` 绘图轴的大小

r - 使用 Shiny 响应式地提供图像

r - 时间序列平滑,避免修改

r - Shiny:如何控制renderTable中rownames()的宽度?