从 navbarPage Shiny 布局中删除多余的空白行答案

【问题标题】：Remove extra blank row from navbarPage Shiny layout从 navbarPage Shiny 布局中删除多余的空白行
【发布时间】：2015-04-03 02:22:47
【问题描述】：

我正在使用 navbarPage 和 sidebarPanel 布局开发一个闪亮的应用程序。然而，一个额外的空行一直被附加在导航栏的正下方（见下图）。在 HTML 文件中，我可以清楚地看到罪魁祸首：

<div class="row">&nbsp;</div>

但是，我似乎无法弄清楚我的 R 代码的哪一部分导致创建了额外的行。作为参考，下面是说明问题的最低 ui.R 代码：

shinyUI(fluidPage(
  navbarPage('Minimum Example',
    tabPanel('Tab1',
      sidebarLayout(
        sidebarPanel(br()),
        mainPanel(br())
      )
    )
)))

【问题讨论】：

我不认为你可以。我想默认情况下不将身体压在导航栏上。如果你想改变这一点，你可能需要尝试通过github 向包维护者请愿。
我似乎在他们的导航栏示例here 上没有看到这个问题。似乎只有在将导航栏与侧边栏布局结合时才会发生这种情况。
你试过在你的机器上运行这个例子吗？当我同时运行你的和示例时，那里仍然有那个空间。
是的。你是对的:) 在本地运行它会产生同样的问题。这真的很奇怪，他们网页上的示例没有额外的行。感谢您的注意！我想我会留下这个问题，以防有人提出替代方案。
如果它真的让你感到困扰，我真的会建议直接向维护人员提出（参见上面的 github 链接）。如果这是一个错误，他们将是最有可能修复它的人。

标签： r shiny

【解决方案1】：

这个问题实际上是由于一个额外的&nbsp; 被默认添加到标题中，如here 所示。使用navbarPage(header = "") 是一种避免这种情况的解决方法。

解决方案的全部功劳归于 Shiny 开发团队的 wch 和 jjallaire。更多细节可以找到here。

【讨论】：

【解决方案2】：

我不知道如何删除它，但是将下面的样式信息添加到您的 css 文件中会使导航栏与页面其他部分之间的差距整体变小。

.navbar {
  margin-bottom: 0px;
}

【讨论】：

这并不能完全解决问题，因为那里有一个实际的空白行，并且抑制整体间距会导致布局的其他一些区域看起来有点不愉快。