如何更改关于侧边栏的 flexdashboard 布局？答案

【问题标题】：How to change the layout of a flexdashboard concerning the sidebar?如何更改关于侧边栏的 flexdashboard 布局？
【发布时间】：2017-01-02 09:26:10
【问题描述】：

我决定使用 markdown 和 flexdashboard 包来生成动态仪表板。

感谢编写它的人，仪表板开箱即用地设计得很好，但我想在屏幕右侧设置一个侧边栏（默认情况下不在左侧）。

我已阅读文档 flexdashboard's sidebar 并搜索了很多，但找不到如何从 markdown 文件 (Rmd) 自定义它的方法。

最终决定修改一堆 CSS 文件，并移动那些 html 元素。

.section.sidebar {
  top: 61px;
  border-bottom: 10px solid #ececec;
  border-left: 10px solid #ececec;
  background-color: rgba(255, 255, 255, 1);
  left:1080px;
}

但我似乎走错了路（CSS 调整让我很头疼），有人可以建议一个更好的方法，因为我有点迷路了吗？

出于演示目的，我画了一个小草图：

my illustration

提前谢谢你，吉尔

【问题讨论】：

也许浮动：对吗？
我试过但似乎仍然失败（仍然在左侧），这就是我手动配置 left:1080px; 的原因但现在正确的区域正在被覆盖：/。感谢您的帮助！ ps 可能跟 flexbox 有关系

标签： css shiny flexbox sidebar flexdashboard

【解决方案1】：

您必须将此 CSS 代码添加到父类：

.container {
  justify-content: flex-end;
}

【讨论】：

我已经尝试过您的建议，但侧边栏没有移动。根据萤火虫检查器工具，父类是：shiny-html-output shiny-bound-output，所以添加了“justify-content：flex-end;”到相关的地方（我希望如此），但不幸的是它没有用。我已将我正在处理的原始生成的 html 粘贴到 jsfiddle：jsfiddle.net/Gilco333/kujf7p6b/#&togetherjs=KliUwaFtbr。你能看看吗？谢谢。