Question

import {Navbar, NavbarBrand,NavbarToggler, Nav,NavItem, NavLink, UncontrolledDropdown, DropdownToggle, DropdownItem, DropdownMenu, Collapse} from 'reactstrap'

<Navbar color='dark' dark expand='md'>
<NavbarBrand>
      My blog

 </NavbarBrand>
<NavbarToggler onClick={this.toggle}/>

<Collapse isOpen={this.state.isOpen} navbar>
     <Nav className='mr-auto' navbar>
              <NavItem>
             <NavLink href="/">
                       link
             </NavLink>
              </NavItem>
    </Nav>
<UncontrolledDropdown>
      <DropdownToggle nav caret>
      options
       </DropdownToggle>
     <DropdownMenu right>
            <DropdownItem>
             Option 1
             </DropdownItem>
             <DropdownItem>
             login
             </DropdownItem>
        <DropdownItem divider />
               <DropdownItem>
                 logout
              </DropdownItem>
          </DropdownMenu>
 </UncontrolledDropdown>
 </Collapse>
</Navbar>

在这个导航栏中，我有 <DropdownMenu right> 但它停留在左侧 wikipedia

我对此很陌生，因此对如何解决这个问题一无所知。我能得到一些帮助吗？

Answer 1

尝试将类 ml-auto 添加到 UncontrolledDropdown 组件。

<UncontrolledDropdown className="ml-auto">

reactstrap 导航栏下拉菜单不会右移

1 个答案: