如何更改 NavbarBrand 标签包围的文本的颜色

Question

"I am new to ReactBootstrap....I tried giving its className and rendering using css that did not work"

                <Navbar dark>
                        <div className="container">
                            <NavbarBrand  href="/" >Ristorante Con Fusion</NavbarBrand>
                        </div>
                </Navbar>

Answer 1

<NavbarBrand> 呈现为 <div class='navbar-brand'... > - 所以我们只需要为此 class

设置 css

相关css:

.navbar.navbar-light a.navbar-brand {color:red;}

相关js:

import './navbar.css';

工作stackblitz here