サイドバーに関するフレックスダッシュボードのレイアウトを変更するにはどうすればよいですか？

Question

私はflexdashboardパッケージでmarkdownを使ってダイナミックダッシュボードを生成することにしました。

ダッシュボードは、書いた人のおかげですぐに使えるように設計されていますが、サイドバーを画面の右側に設定したいと思います（デフォルトでは左には表示されません）。

私はドキュメントflexdashboard's sidebarを読んできましたが、かなりグーグルではありましたが、マークダウンファイル（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

はあなたが親クラスに、このCSSコードを追加する必要がギル

Answer 1

、事前にありがとう：

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