Reactstrap 文档

Question

我从未使用过 bootstrap 或 reactstrap，而且我很难理解文档。

例如，我正在尝试更改导航栏颜色和背景不透明度，但由于它们保留了要作为道具传递的关键字，我不知道在哪里可以找到它们或它是如何工作的！唯一适用于 Color 的是 color = " white"。 我尝试使用 css 更改它，但它不起作用我什至尝试使用 !important 但也没有。 这是他们的文档：

他们正在使用 Bootsrap 4

Answer 1

颜色 属性 是 class 名称。 创建一个classpink-color，例如设置background-color:

.pink-color {
    background-color: #f7009d !important;
}

使用此 pink-color class 作为颜色值 属性。

<Navbar color='pink-color' dark expand="md" fixed='top'>

Answer 2

您在此处提到的 color 属性来自 bootstrap 约定。他们试图使用枚举来限制某些属性的使用。例如，颜色属性接受 "primary"、"secondary"、"warning"、"danger" 等值。

详情请看这里：https://reactstrap.github.io/components/alerts/

我怀疑 "white" 实际上并没有起作用，而是看起来如此。据我所知，"white" 不在枚举列表中。

自定义颜色的方法是改变"primary"、"success"等颜色。 这有助于我们为网站设置主题，而不是在整个网站上使用随机颜色。在网站旅程的后期，使用主题对我们有很大帮助。