Feature bootstrap3

[langpavel]

• precompiled styles from bootstrap npm package
• react-bootstrap component library

@koistya If you create a new branch feature/bootstrap3...

Please, don't squash commits, 0eba0fd is minimal needed to brink react-bootstrap alive.

[kaitlynreese]

@langpavel how do you get NavItem to act like a Link component? I have spent a bunch of time trying to change the UniversalRouter functionality to react-router just to get this working, but I have a feeling that there is a simpler solution. Thanks for your help!

[langpavel]

Hmm, I'm not sure now.. Try this, It can work:

  <NavItem componentClass={Link} eventKey={1} href="/link" to="/link">Link</NavItem>

[kaitlynreese]

Thank you so much! That worked perfectly.

[james075]

@langpavel @rkait In my case using this: componentClass does not work, I can click on the navItem but nothing happens.

<Navbar.Collapse>
  <Nav pullRight>
    <NavItem 
      componentClass={Link} 
      href="/manifesto" 
      to="/manifesto" 
      className={s.link}
    > Manifesto </NavItem>
  </Nav>
</Navbar.Collapse>

It works when I simply use the Link component. Any ideas how to fix it? Thanks for your help!

[MikeCodeur]

Hi all, If you use components/Html.js don't forget to patch it with

<link rel="stylesheet" href="/css/bootstrap.min.css" / >

[langpavel]

See #782 for Up to date version

[isaklafleur]

You can just add the bootstrap cdn link in the head of the index.html file in the public folder. That will do it.