CODEWITHSUNDEEP
reactjsreduxreact-bootstrap
russdub
russdub

Reputation: 245

React bootstrap with Redux

I'm having trouble getting react-bootstrap to do it's thing in my react-redux app. I have a component that looks like this:

import React, { Component, PropTypes } from 'react';
import { Button } from 'react-bootstrap';

class Foo extends Component {
  constructor( props, actions ) {
    super(props, actions);
  }

  render() {
    const { people } = this.props;
    return(
      <ul>
        {people.map(person => {
          return(
            <div key={person}>
              <li>{person.name}</li>
              <Button bsStyle="success" onClick={ () => removePerson(person) }>Remove</Button>
            </div>

          )
        })}
      </ul>
    )
  }
}

export default Foo;

But react-bootstrap isn't styling the element. Any thoughts on what I'm missing? Thanks!

Upvotes: 3

Views: 2536

Answers (1)

Bruno Grieder
Bruno Grieder

Reputation: 29814

There is this not-so-visible comment at the beginning of the Getting Started section saying: First add the bootstrap CSS to you project

I got caught, you?

Upvotes: 6

Related Questions