React-bootstrap button bsStyle

问题

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?

回答1:

I think the App component works OK~, it has no problem when I test. Maybe you miss one thing: To link in the CSS of Bootstrap. Try to add a linking stylesheet inside the head of the HTML.

来源：https://stackoverflow.com/questions/33302202/react-bootstrap-button-bsstyle