我想在导航栏中使用 css 为标题添加颜色 react bootstrap

Question

这是我的css

.h1, h1{
    font-size:2.5 rem;
    font-style:italic;
    color : wheat
 }

当我刷新页面颜色样式时，我也尝试过导航栏形式的页面标题未申请标题。我在导航栏中附上了标题。

Answer 1

考虑您的源代码：

    <Navbar inverse collapseOnSelect>
       <h1 className="h"> Disciplinary Issues Tracking </h1> <font size="3"> 
        <Navbar.Collapse>
            <Nav > 
                <NavItem eventKey={1} href="/Register"> Admin Register </NavItem> 
                <NavItem eventKey={2} href="/login"> Admin login </NavItem> </Nav> 
            </Nav> 
        </Navbar.Collapse> 
    </font> // I don't know why it's there
    </Navbar>

你的 CSS 应该是：

h1.h{
    font-size:2.5 rem;
    font-style:italic;
    color : wheat;
 }