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>

Что мне здесь не хватает?

Заранее спасибо

РЕДАКТИРОВАТЬ: я ссылался на bootstrap4 в моем общедоступномindex.html, но после связывания его с начальной загрузкой 3:

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

А также с удалением ссылки начальной загрузки теперь панель навигации выглядит следующим образом: