Reactstrap文档

时间:2018-06-20 06:04:22

标签: css reactjs bootstrap-4 reactstrap

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

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

documentation Navbar

他们正在使用Bootsrap 4

2 个答案:

答案 0 :(得分:1)

color属性是一个className。 创建一个类pink-color,例如,设置background-color

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

将此pink-color类用作color属性的值。

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

答案 1 :(得分:1)

您在此处提到的color属性来自引导程序约定。他们试图通过评估来限制某些属性的使用。例如,color属性接受诸如“ primary”,“ secondary”,“ warning”,“ danger”等值。

有关更多详细信息,请参见此处:https://reactstrap.github.io/components/alerts/

我怀疑“白色”实际上并没有起作用,而是出现了。据我所知,“白色”不在枚举列表中。

自定义颜色的方法是更改​​“原色”,“成功”等颜色。 这有助于我们为网站设置主题,而不是在整个网站上使用随机颜色。在网站旅程的后期,使用主题会给我们带来很多帮助。