react-bootstrap

I've just started implementing React-Bootstrap in my site, but the NavDropdown component will not expand when clicking on it. What I did: npm install -s react-bootstrap Added css to html: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css"> Created my Navigation component: import React from 'react'; import PropTypes from 'prop-types'; import NavbarHeader from 'react-bootstrap/lib/NavbarHeader'; import NavItem from 'react-bootstrap/lib/NavItem'; import Nav from 'react-bootstrap/lib/Nav'; import Navbar from 'react-bootstrap/lib/Navbar'; import

I am started to build my UI using react-bootstrap and now there is important task for me to create SideBar Accordion Menu using standard bootstrap components. I found this example which uses panel-group and table , but I think that it is not the best way, because nav is better in natural way for navigation components. I want my SideBar menu code look like this ( react-bootstrap component): <Nav bsStyle="pills" stacked> <NavItem title="Item 1"> <Nav bsStyle="pills" stacked> <NavItem title="Sub Item 1">Sub Item 1</NavItem> <NavItem title="Sub Item 2">Sub Item 2</NavItem> <NavItem title="Sub Item

Ok, I am missing something obviously but cannot figure it now. import React from 'react'; import {Button} from 'react-bootstrap'; let App=React.createClass({ render: function () { return ( <div> <Button bsStyle="primary" bsSize="large">Primary</Button> <Button bsStyle="success">Success</Button> <Button>Sketo</Button> </div> ); } }); React.render(<App />, document.getElementById('app')); I can see the buttons but there are not styles applied to them. Thay are all plain as the third one. Grey and small. What am I missing? Joephon I think the App component works OK~, it has no problem when I test

I am very new to react and and the router and bootstrap libraries I chose to use. They are basically just react-router-bootstrap. I am just getting a feel for things and I want to make a web app that has some basic url navigation. I have 4 parts, home browse add and about, clicking on the links works well, and so do the routes, but when navigate to the default route the handler works okay in that it shows the Home component, but does not make the home button active in the nav. I am a bit stuck and wondering if anyone can help me out? I would like to make that home part active at the '/ '

How do you make the menu collapse after item is selected? I dont know how to make it work on fiddle, but this is what I would do? https://jsfiddle.net/vjeux/kb3gN/ import React from 'react'; import {Navbar, Nav, NavItem, NavDropdown, DropdownButton, MenuItem, CollapsibleNav} from 'react-bootstrap'; export default class App extends React.Component { constructor(props) { super(props); this.onSelect = this.onSelect.bind(this); this.toggleNav = this.toggleNav.bind(this); // this.state = {navExpanded: false}; } onSelect(e){ console.log('OnSelect') // console.log(this.state.navExpanded); // this