如何在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;
}