如何在flexdashboard中的导航栏右角添加徽标?

如何在flexdashboard中的导航栏右角添加徽标?,r,flexdashboard,R,Flexdashboard,我正在使用flexdashboard软件包在R中构建一个仪表板(见下图)。我正在寻找一种解决方案,在我的导航栏的右角添加一个徽标,使导航栏的大小保持不变 这是我的YAML --- title: "Inflation & PSCE Outlook" output: flexdashboard::flex_dashboard: orientation: columns vertical_layout: fill --- <style> .

我正在使用
flexdashboard
软件包在R中构建一个仪表板(见下图)。我正在寻找一种解决方案,在我的
导航栏的右角添加一个徽标,使导航栏的大小保持不变

这是我的YAML

---
title: "Inflation & PSCE Outlook"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---
<style>
.navbar, [data-toggle=tab], .navbar-brand  {   background-color:#75002B;   border-color:black;   color:white; }
</style>



---
标题:“通货膨胀和PSCE展望”
输出:
flexdashboard::flex_仪表板:
方向:列
垂直布局:填充
---
.navbar,[data toggle=tab],.navbar品牌{背景色:#75002B;边框颜色:黑色;颜色:白色;}

您可以使用徽标选项为仪表板指定徽标图像,如下所示

可以使用以下css将徽标添加到右侧

---
title: "Inflation & PSCE Outlook"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
    logo: path/to/logo.png
---
<style>
.navbar, [data-toggle=tab], .navbar-brand  {   background-color:#75002B;   border-color:black;   color:white; }

.navbar-logo img {
    position: absolute;
    right: 0px;
}
</style>
---
标题:“通货膨胀和PSCE展望”
输出:
flexdashboard::flex_仪表板:
方向:列
垂直布局:填充
logo:path/to/logo.png
---
.navbar,[data toggle=tab],.navbar品牌{背景色:#75002B;边框颜色:黑色;颜色:白色;}
.navbar徽标img{
位置:绝对位置;
右:0px;
}