在react bootstrap导航栏中添加内联块移动下面的其他项目

import { Navbar, Nav, NavItem, Grid, Col } from 'react-bootstrap';

<Navbar>
  <Grid>
    <Navbar.Header>
      <Navbar.Brand>
        <a href="#">Logo</a>
      </Navbar.Brand>
    </Navbar.Header>
    <Navbar.Collapse>
      <Nav>
        <NavItem eventKey={1} href="#">Home</NavItem>
        <NavItem eventKey={2} href="#">About</NavItem>
        <NavItem eventKey={3} href="#">Services</NavItem>
      </Nav>
      <Col xs={6} md={4}>
        <Nav pullRight>
          <NavItem eventKey={1} href="#">Login</NavItem>
          <NavItem eventKey={2} href="#">Register</NavItem>
        </Nav>
      </Col>
    </Navbar.Collapse>
  </Grid>
</Navbar>