Navbar完全搞砸了使用React-Bootstrap

Question

我的导航栏到处都是，我不太确定我做错了什么。 我刚开始使用react-bootstrap，但我很确定我正确导入了一切。

这里是我的导航栏的样子：

这里是我的代码：

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

class Header extends Component { 
    render() { 
    return (
     <Navbar inverse collapseOnSelect> 
     <Navbar.Header> 
      <Navbar.Brand> 
      <a href="#">React-Bootstrap</a> 
      </Navbar.Brand> 
      <Navbar.Toggle /> 
     </Navbar.Header> 
     <Navbar.Collapse> 
      <Nav> 
      <NavItem eventKey={1} href="#"> 
       Link 
      </NavItem> 
      <NavItem eventKey={2} href="#"> 
       Link 
      </NavItem> 
      <NavDropdown eventKey={3} title="Dropdown" id="basic-nav-dropdown"> 
       <MenuItem eventKey={3.1}>Action</MenuItem> 
       <MenuItem eventKey={3.2}>Another action</MenuItem> 
       <MenuItem eventKey={3.3}>Something else here</MenuItem> 
       <MenuItem divider /> 
       <MenuItem eventKey={3.3}>Separated link</MenuItem> 
      </NavDropdown> 
      </Nav> 
      <Nav pullRight> 
      <NavItem eventKey={1} href="#"> 
       Link Right 
      </NavItem> 
      <NavItem eventKey={2} href="#"> 
       Link Right 
      </NavItem> 
      </Nav> 
     </Navbar.Collapse> 
     </Navbar> 
    ); 
    } 
} 

export default Header; 

Answer 1

检查，如果你的CSS已经被导入，您使用的WebPack？