title: Tabs in React Bootstrap Navbar
body: <p>This is related to <a href="https://stackoverflow.com/questions/11767214/make-twitter-bootstrap-navbar-work-like-tabs">Make Twitter Bootstrap navbar work like tabs</a> But I'm trying to get this working in React.
  basically, I'd like tabs to show up in the Nav Bar. Is there an easy way to do that?<br/> <a href="http://react-bootstrap.github.io/components.html#navigation" rel="nofollow noreferrer">http://react-bootstrap.github.io/components.html#navigation</a></p>
  
  <pre><code>&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;/Nav&gt;
  &lt;/Navbar&gt;
  </code></pre>
  
  <p>In place of NavItem, can I use
   <code>&lt;Tab eventKey={1} title="Tab 1"&gt;Tab 1 content&lt;/Tab&gt;</code></p>