Reactjs 如何定义React引导Navbar Toggle Hamburger何时出现在较小的屏幕上？

我已经为我的导航栏使用了React引导组件。它有3个下拉菜单。目前它以792px 722px分辨率显示汉堡图标。但我想展示一下1000像素x 722像素的汉堡

下面是我的Navbar react组件代码：

<Navbar collapseOnSelect expand="lg" bg="dark">
      <Navbar.Brand>MyBrand</Navbar.Brand>
      <Navbar.Toggle aria-controls="responsive-navbar-nav" />
      <Navbar.Collapse id="responsive-navbar-nav">
        <Nav className="mr-auto">
          <NavDropdown title="Menu 1" id="collapsible-nav-dropdown">
            <NavDropdown.Item>Menu Item 1</NavDropdown.Item>
            <NavDropdown.Item>Menu Item 2</NavDropdown.Item>
          </NavDropdown>
          <NavDropdown title="Menu 2" id="collapsible-nav-dropdown">
            <NavDropdown.Item>Menu Item 1</NavDropdown.Item>
            <NavDropdown.Item>Menu Item 2</NavDropdown.Item>
          </NavDropdown>
          <NavDropdown title="Menu 3" id="collapsible-nav-dropdown">
            <NavDropdown.Item>Menu Item 1</NavDropdown.Item>
            <NavDropdown.Item>Menu Item 2</NavDropdown.Item>
          </NavDropdown>
        </Nav>
        <Nav>
          <Nav.Link eventKey={2}>Log Out</Nav.Link>
        </Nav>
      </Navbar.Collapse>
</Navbar>

谢谢你的帮助

#collapsible-nav-dropdown {
  color: white;
}