更改导航栏 flexdashboard 的方向

Question

我正在使用 rMarkdown 和 rStudio 的 flexdashboard 包开发一个项目。它很好用。我唯一挣扎的是改变导航栏的方向。默认情况下，它出现在 html 文件的顶部，我希望它位于左侧，每个按钮都水平显示。有没有办法做到这一点？感谢您的输入！

Answer 1

您应该可以做到这一点，尽管不确定如何做到。正如您可以 or 一样，您也应该能够将其移动到左侧编辑 CSS/HTML 代码。尝试编辑和导航栏的浮动属性。

另一种可能是，如果对你来说没有问题，你也可以试试ShinyDashboard，它的主菜单在左边。

Answer 2

我尝试了一些似乎有效的方法（虽然可能会有所改进，但我不是 CSS 专家...）

---
title: "test"
output: flexdashboard::flex_dashboard
---
            
<style>
.navbar {
  margin: 0;
  padding: 0;
  height: 100%;
  display: block;
  position: fixed;
  width: 200px; /* Modify the width of the sidebar */
}
body {
          margin-left: 200px; /* Add a left margin to avoid content     overlay */
padding-top:0px
}
</style>

更改导航栏 flexdashboard 的方向

Changing the orientation of navigation bar flexdashboard

r

r-markdown

navigationbar

flexdashboard