title: React-Bootstrap Import NavBar module
body: <p>I am trying to recreate some code from the React-Bootstrap documentation in my Reat project (bootstrapped with create-react-app).</p>
  
  <p>But I have a problem with these Boostrap "sub-components" like  <code>NavBar.Header</code></p>
  
  <p>This my code:</p>
  
  <pre><code>import React, {Component} from 'react';
  import {NavBar, Nav, NavItem} from 'react-bootstrap';
  
  class MainNav extends Component {
    render() {
      return (
        &lt;Navbar&gt;
          &lt;Navbar.Header&gt;
            &lt;Navbar.Brand&gt;
              &lt;a href="#"&gt;React-Bootstrap&lt;/a&gt;
            &lt;/Navbar.Brand&gt;
          &lt;/Navbar.Header&gt;
          &lt;Nav&gt;
            &lt;NavItem eventKey={1} href="#"&gt;Link&lt;/NavItem&gt;
            &lt;NavItem eventKey={2} href="#"&gt;Link&lt;/NavItem&gt;
            &lt;NavDropdown eventKey={3} title="Dropdown" id="basic-nav-    dropdown"&gt;
              &lt;MenuItem eventKey={3.1}&gt;Action&lt;/MenuItem&gt;
              &lt;MenuItem eventKey={3.2}&gt;Another action&lt;/MenuItem&gt;
              &lt;MenuItem eventKey={3.3}&gt;Something else here&lt;/MenuItem&gt;
              &lt;MenuItem divider /&gt;
              &lt;MenuItem eventKey={3.4}&gt;Separated link&lt;/MenuItem&gt;
            &lt;/NavDropdown&gt;
          &lt;/Nav&gt;
        &lt;/Navbar&gt;
      )
    }
  }
  
  export default MainNav;
  </code></pre>
  
  <p>I get the following console error:</p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'Header' of undefined
      at MainNav.render (MainNav.js:15)
      at ReactCompositeComponent.js:796
      at measureLifeCyclePerf (ReactCompositeComponent.js:75)
      at     ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext     (ReactCompositeComponent.js:795)
      at ReactCompositeComponentWrapper._renderValidatedComponent     (ReactCompositeComponent.js:822)
      at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js:362)
      at ReactCompositeComponentWrapper.mountComponent     (ReactCompositeComponent.js:258)
      at Object.mountComponent (ReactReconciler.js:46)
      at ReactDOMComponent.mountChildren (ReactMultiChild.js:238)
      at ReactDOMComponent._createInitialChildren (ReactDOMComponent.js:697)
  </code></pre>
  
  <p>I found this article, which seems to explain the issue:
  <a href="http://www.ericfeminella.com/blog/2016/08/12/react-bootstrap-es6-imports/" rel="noreferrer">http://www.ericfeminella.com/blog/2016/08/12/react-bootstrap-es6-imports/</a></p>
  
  <p>But the solution does not work for me. When I try to import directly from the <code>/lib/NavBar</code> directory, I get a compile error:</p>
  
  <pre><code>Error in ./src/container/blocks/MainNav.js
  Module not found: 'react-bootstrap/lib/NavBar' in /homefolder/project/src/containers/blocks
  </code></pre>
  
  <p>Can anybody help me with his? </p>