无法更改导航栏的颜色

Question

Navbar不会更改背景颜色，我尝试执行bg / variant = dark / black，它不会更改任何内容

import React, { Component } from 'react';
import {Navbar,Container,Nav} from 'react-bootstrap';

export default class Header extends Component{
    render() {
        return(
            < Navbar collapseOnSelect expand="lg" bg="dark" variant="dark"  >
                <Container>
                <Navbar.Brand href="/">My landing Page</Navbar.Brand>
                    <Navbar.Toggle aria-controls="basic-navbar-nav"/>
                <Navbar.Collapse id="basic-navbar-nav">
                    <Nav className="mr-auto">
                        <Nav.Link href="/aboutMe" > About me</Nav.Link>
                        <Nav.Link href="/aboutUnivercity">  My Univercity</Nav.Link>
                        <Nav.Link href="/video">  My videos</Nav.Link>
                        <Nav.Link href="/myMotivate">  MyMotivate</Nav.Link>
                    </Nav>
                </Navbar.Collapse>
                </Container>
            </Navbar>
        )
    }

}

如果需要，来源： https://github.com/aokhar/SumPract

Answer 1

您必须在react应用中添加引导程序。

在终端中使用纱线类型：

yarn add bootstrap

然后在js文件顶部添加：

import "bootstrap/dist/css/bootstrap.css";

希望此后所有颜色都可以呈现。