Css 闪亮Flexr仪表板中的引导样例主题

我从bootswatch（）下载了一个css，并保存了flexdashboard文件所在的文件（bootstrap.css）。因此，我尝试用以下代码加载css：

---
title: "Untitled"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
    css: bootstrap.css
---

```{r setup, include=FALSE}
library(flexdashboard)
```

Column {data-width=650}
-----------------------------------------------------------------------

### Chart A

```{r}

```

---

但是css不会加载。我想使用Bootswatch的“薄荷”主题。请问，你知道这个问题的解决方案吗？非常感谢您提供的任何帮助。

同时，您可以使用

主题：

yaml header或其他类似的主题，如

yeti

，

journal

，

spacelab

---
title: "Untitled"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
    theme: lumen
---

```{r setup, include=FALSE}
library(flexdashboard)
```

Column {data-width=650}
-----------------------------------------------------------------------

### Chart A

```{r}

```

这会给你一些预设的主题，然后你可以微调.css。但是我有和你一样的问题，我在同一个目录中有.css，但是没有添加样式，我们一定是做错了什么，但是主题至少可以让你同时使用一些不同的颜色。

我下载了

我的第一个观察结果是

：root

css的格式不是RStudio/flexdashboard可以识别的：

缺少R_括号

由于这个

：root

部分主要定义颜色名称，所以我删除了它，因为颜色在其他部分直接由其#十六进制代码定义。在此之后，css文件似乎有效，只有警告

然后我将这个

css

文件与。
例如：

我看到的主要区别是

flexdashboard

使用了在

bootstrap.css

中找不到的自定义标记，因为它针对的是HTML格式，而不是专门针对

flexdashboard

格式

flexdashboard

特定标记的示例：
-

.section.sidebar

-

值框

-

。图表标题

-

这就是您看不到任何更改的原因：正确加载了

css

文件，但不幸的是，它的大多数HTML标记不适用于

flexdashboard

如中所述，flexdashboard的导航栏对其每个主题都使用

navbar inverse

类，因此，如果您想创建自己的主题，则必须对此进行修改

要检查这一点，请创建一个非常简单的

样式.css

：

.navbar-inverse {
  background-color: #fd7e14;
  border-color: #1967be;
}

.chart-title {
    font-size: 50px;
    color: #fd7e14;
}

现在，您可以在以下

标记
文件中使用此自定义css：

---
title: "Test"
output: 
  flexdashboard::flex_dashboard:
    css: style.css
---

Column {data-width=650}
-----------------------------------------------------------------------

### My Gauge

`r flexdashboard::gauge(15, min = 0, max = 50, href="#details")`

我认为您的.css文件位置不正确，如果要在本代码中使用它，它需要与flexdashboard位于同一目录中示例Hello@DanielJachetta，是的，它位于同一目录中，我甚至检查了它，使其成为工作目录。@Alexis，您的R版本是什么？Hello@Waldi，R版本是3.6.1Hello@Daniel Jachetta，我一直在使用主题“Cerulean”和“Cosmo”，但我想加载自己的css，这就是我的问题所在。如果你能指导我如何加载css，我将不胜感激。谢谢。这将取决于您的.css文件。CSS非常广泛，但功能强大Hello@Waldi，这是一个完整的、经过良好测试的答案！。然后，RStudio的工作人员似乎可以澄清，即使使用类似的调色板，如Bootswatch中的Cerulean，也不容易直接导入。只是一个问题，如果我导入一个css，它会覆盖flexdashboard中使用的基本css吗？或者仅在定义的标记中？您仍然可以设置您喜欢的主题，例如Cerulean，并向其添加css文件，该文件将仅修改您更改的标记，或者根据您更改的标记修改标记。如上所述，
navbar inverse
是许多其他标记的基类，因此如果修改它，您将看到其他标记发生更改。太好了！，拜托，我能问最后一个问题吗？您是如何得到
缺少R\u支架的消息的？你在RStudio中打开css文件了吗？是的，当我在RStudio中打开Minty css时，我会看到左边的红色十字，当我点击它们时，我会看到缺少的R_括号，这是RStudio可以做的，所以它似乎是通过打开css文件！。非常感谢@Waldi，我感谢您为这个答案花费的时间和精力，希望它能帮助社区中的其他成员加载bootswatch文件。