ReactJS引导导航栏不在一行中

我想使用ReactJS中的引导程序将导航栏添加到我的网站。但所有Navitem都在单独的线路上。如何将它们放在一条线上。我遵循引导文档中的指南。

Output image

import React, { Component } from 'react';
import { Navbar, Nav, NavItem } from 'react-bootstrap';

class Header extends Component {
render() {
return(
  <div className="Header">
    <Navbar inverse collapseOnSelect>
      <Navbar.Header>
      </Navbar.Header>
      <Navbar.Collapse>
        <Nav pullLeft>
          <NavItem eventKey={1} href="#">
            Link1
          </NavItem>
          <NavItem eventKey={2} href="#">
            Link2
          </NavItem>
        </Nav>
        <Nav pullRight>
          <NavItem eventKey={1} href="#">
            Link3
          </NavItem>
        </Nav>
      </Navbar.Collapse>
    </Navbar>
  </div>
)
}
}

export default Header;