title: Bootstrap icons not appear in the react js project
body: <p>I have created a react project using following command:</p>
  
  <pre><code>npx create-react-app project
  </code></pre>
  
  <p>I have installed bootstrap 4.3.1 using npm command and I have also imported bootstrap into the index.js file</p>
  
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  import * as serviceWorker from './serviceWorker';
  import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
  </code></pre>
  
  <p>But for some reason it is not displaying icons.</p>
  
  <pre><code>export class Navbar extends Component {
      render() {
          return (
              &lt;div&gt;
                  &lt;nav className="navbar navbar-light bg-dark mb-5"&gt;
                      &lt;div className="container"&gt;
                          &lt;div className="navbar-header"&gt;
                              &lt;a className="navbar-brand text-white text-lg brand-text" to="/"&gt;
                                  MovieSeriesInfo&lt;/a&gt;
                          &lt;/div&gt;
                          &lt;ul className="navbar-nav ml-auto text-light d-inline-block"&gt;
                              &lt;li className="nav-item d-inline-block mr-4"&gt;
                                  &lt;i className="fab fa-imdb fa-5x" id="imdb-logo" /&gt;
                              &lt;/li&gt;
                              &lt;li className="nav-item d-inline-block mr-4"&gt;
                                  &lt;i className="fab fa-react fa-5x" id="react-logo" /&gt;
                              &lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/nav&gt;
              &lt;/div&gt;
          )
      }
  }
  
  export default Navbar;
  </code></pre>