如何解决更改标题bg颜色React引导程序
尝试使用react bootstrap创建网站,并且无法更改标题的颜色。当前,当我想将其更改为绿色时,它将作为默认的原色显示。
<header className="bg-primary">
<Container>
<Navbar expand="md" variant="dark">
<Navbar.Brand href="/">{siteTitle}</Navbar.Brand>
<Navbar.Toggle aria-controls="navbarResponsive" />
<Navbar.Collapse id="navbarResponsive">
<Nav as="ul" className="ml-auto">
<Nav.Item as="li">
<Link to="/about" className="nav-link" activeClassName="active">About</Link>
</Nav.Item>
<Nav.Item as="li">
<Link to="/projects" className="nav-link" activeClassName="active">Projects</Link>
</Nav.Item>
</Nav>
</Navbar.Collapse>
</Navbar>
</Container>
</header>
)
我已经创建了自己的scss文件
// change the theme
$theme-colors: (
"primary": #44bb88,"danger": #44bb88,);
// Import Bootstrap and its default variables
@import '~bootstrap/scss/bootstrap.scss';
我也在我的代码顶部导入了该文件
import '../themes/main.scss';
尽管颜色仍然是默认的蓝色。
解决方法
无法解决问题,但我成功地更改了颜色,方法是将新颜色添加到主题颜色,然后将其设置为bg颜色。
<header className="bg-main">
$theme-colors: (
"main": #44bb88,"danger": #44bb88,);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。