Элемент ссылки React-Bootstrap в navitem

У меня возникли проблемы со стилем при использовании response-router и response-bootstrap. ниже приведен фрагмент кода

import { Route, RouteHandler, Link } from 'react-router';
import AuthService from '../services/AuthService'
import { Button, Nav, Navbar, NavDropdown, MenuItem, NavItem } from 'react-bootstrap';

    <Nav pullRight>
      <NavItem eventKey={1}>
        <Link to="home">Home</Link>
      </NavItem>
      <NavItem eventKey={2}>
        <Link to="book">Book Inv</Link>
      </NavItem>
      <NavDropdown eventKey={3} title="Authorization" id="basic-nav-dropdown">
        <MenuItem eventKey="3.1">
          <a href="" onClick={this.logout}>Logout</a>
        </MenuItem>          
      </NavDropdown>  
    </Nav>

Вот как это выглядит при рендеринге.

Я знаю что<Link></Link> вызывает это, но я не знаю почему? Я хотел бы, чтобы это было в линии.

Ответы на вопрос(8)

Ваш ответ на вопрос