React-Bootstrap：无法设置导航栏

Question

我没有收到错误，但是没有样式，没有看到导航栏项目，除了看到汉堡包图标，我看到了一个空按钮（在宽屏和窄屏上）：

我的jsx：

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

class NavbarPage extends Component {
    render() {
        return(
          <Navbar default collapseOnSelect>
            <Navbar.Header>
              <Navbar.Brand>
              </Navbar.Brand>
              <Navbar.Toggle/>
            </Navbar.Header>
            <Navbar.Collapse>
              <Nav pullRight>
                <NavItem eventKey={1} componentClass={Link}  to="/home">
                  Home
                </NavItem>
                <NavItem eventKey={2} componentClass={Link}  to="/about">
                  About
                </NavItem>
              </Nav>
            </Navbar.Collapse>
          </Navbar>

我在这里想念什么？

预先感谢

编辑：我在我的公共index.html中链接到bootstrap4，但是在将其链接到bootstrap 3之后：

<link rel="stylesheet" href="maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

还要删除bootstrap4链接，现在导航栏如下所示：