我从没使用过bootstrap或reactstrap,而且我很难理解文档。
例如,我正在尝试更改导航栏的颜色和背景不透明度,但由于它们保留了要作为道具传递的关键字,所以我不知道在哪里找到它们或如何工作!与Color配合使用的唯一方法是color = " white"
。
我试图使用css更改它,但是它不起作用,我什至试图使用!important但也什么也没有。
这是他们的文档:
他们正在使用Bootsrap 4
答案 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/
我怀疑“白色”实际上并没有起作用,而是出现了。据我所知,“白色”不在枚举列表中。
自定义颜色的方法是更改“原色”,“成功”等颜色。 这有助于我们为网站设置主题,而不是在整个网站上使用随机颜色。在网站旅程的后期,使用主题会给我们带来很多帮助。