reactjs 如何在react bootstrap中扩展向上切换？

tvokkenx 于 2022-11-29 发布在 React

关注(0)|答案(1)|浏览(133)

我在试验React引导。
对于组件Navbar.Collapse，要向上展开NavDropdown，我找到了这个属性drop="up"

<Navbar>
  <Navbar.Toggle aria-controls="basic-navbar-nav"/>
  <Navbar.Collapse id="responsive-navbar-nav">
      <Nav>
         <NavDropdown drop="up"
              title="Changer la police" 
              id="basic-nav-nav"
               onSelect={changeFont} >                 
                  <NavDropdown.Item
                    className={font.name}
                    eventKey={font.name}>
                    {font.name}
                  </NavDropdown.Item>                      
        </NavDropdown>
     </Nav>
   </Navbar.Collapse>
</Navbar>

但是我没有找到Navbar.Toggle的等价物，也就是向上扩展而不是向下扩展。
谢谢你

reactjs

来源：https://stackoverflow.com/questions/71079735/how-to-expand-a-toggle-upwards-in-react-bootstrap

1条答案

按热度按时间

mrphzbgm1#

我找到了解决办法，
我在css中添加了以下代码：

.CustomFooter .navbar-collapse {
  position: fixed;
  bottom: 100px;
}
/* 1000px because this is the point where toggle disappears */
@media (min-width: 1000px) {
  .CustomFooter .navbar-collapse {
    position: relative;
    bottom: 0px;
  }
}

所以它给人的印象是向上塌陷

赞(0）回复(0）举报 2022-11-29

我来回答

reactjs 如何在react bootstrap中扩展向上切换？

1条答案

相关问题

热门标签

最新问答