title: Importing components from react-bootstrap
body: <p>I'm trying to understand how to work with <code>react-bootstrap</code>.
  I have imported the whole <code>js</code> file like this in my <code>index.html</code>:</p>
  
  <pre><code>&lt;!-- react-bootstrap --&gt;
  &lt;script src="lib/react-bootstrap/dist/react-bootstrap.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>In another <code>js</code> file I am creating a <code>Navbar</code>, and I found out that I have to create a variable from the <code>ReactBootstrap</code> like this:</p>
  
  <pre><code>var Navbar = ReactBootstrap.Navbar;
  ...
  const MyNavBar = (
    &lt;Navbar className="navbar-dark" fluid&gt;
      ...
    &lt;/Navbar&gt;
  );
  </code></pre>
  
  <p>Do I need to do it for every component I want too use? If so, it seems like the normal <code>Bootstrap</code> css was much easier..</p>