Как изменить раскладку гибкой панели относительно боковой панели?

Question

Я решил использовать уценку с пакетом flexdashboard для создания динамической панели.

Панель приборов хорошо разработана из коробки благодаря людям, которые ее написали, но я хотел бы установить боковую панель в правой части экрана (не слева, как указано по умолчанию).

Я прочитал документацию flexdashboard's sidebar и довольно много Google, но не смог найти способ ее настройки из файла уценки (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

Спасибо заранее, Gil

Answer 1

Вы должны добавить этот CSS код для родительского класса:

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