css-modules和12栅格是不是无法共存

Question

我在webpack+react开发过程中，在必须使用css-modules的情况下，如何使用12栅格？
12栅格通过类名给元素修改百分比，
我的代码是这样的
render(){

    // console.log(this.state.data);
    return (
        <div className={style.content}>
            <Chartone data={this.state.data}/>
            <Charttwo data={this.state.data[2]}/>

        </div>
    )
}

css-modules将标签的类名固定化了，有没有什么方法可以在大括号前后添加类名以实现12栅格的效果