Usage
Simply import your bootstrap css modules
import { alerts, buttons, jumbotron } from 'pure-css'
Then use it for styling your elements.
<div styleName='jumbotron'>
<h1>Hello, world!</h1>
<a styleName='btn btn-primary btn-lg'>Learn more</a>
<div styleName='alert alert-info'>...</div>
</div>
Example
Check out the full working example here
import React from 'react'
import CSSModules from 'react-css-modules'
import { jumbotron } from 'bootstrap-css'
let styles = {}
Object.assign(styles, jumbotron)
class Test extends React.Component {
render () {
return (
<div styleName='jumbotron'>
<h1>Hello, world!</h1>
</div>
);
}
}
export default CSSModules(Test, styles);
