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？