在reactstrap中更改导航栏高度

Question

我在整个网站上都使用reactstrap。

我的导航栏的定义如下：

        <div>

            <Navbar color={this.state.bgColor} light expand="md" fixed="top" className="shadow-sm border-bottom">

                <Container>
                    <NavbarBrand tag={Link} to="/"> <img src={SOMEURL} height="30"/> </NavbarBrand>

                    {this.props.children &&
                    <div>
                        < NavbarToggler onClick={this.toggle} className="navbar-light"/>

                        <Collapse isOpen={this.state.isOpen} navbar>

                            <Nav className="ml-auto" navbar>
                                {this.props.children} {// some buttons}
                            </Nav>
                        </Collapse>

                    </div>

                    }
                </Container>

            </Navbar>
        </div>

我想更改此导航栏的高度。

我尝试设置style={{height:"50px"}}。 它的确降低了高度，但不适用于导航栏切换器（在小屏幕中）。

有没有办法改变高度并保持与切换器兼容？