React-Bootstrap-Linkelement in einem Navigationselement

Ich habe einige Styling-Probleme mit dem React-Router und dem React-Bootstrap. Unten ist ein Ausschnitt aus dem Code

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>

Das ist, wie es aussieht, wenn es rendert.

Ich weiß, dass das<Link></Link> verursacht das, aber ich weiß nicht warum? Ich möchte, dass dies in-line ist.

Antworten auf die Frage(16)

Ihre Antwort auf die Frage