Reactjs 引导程序不响应的材质UI

我正在使用react和material ui开发一个应用程序，也使用Bootstrap 4 .引导是响应性的，但材料ui组件未根据引导宽度进行调整，即响应性，因此，如何使用引导4使其响应

从“材质ui/styles/MuiThemeProvider”导入MuiThemeProvider； 从“../components/common/Header/Header”导入标题

class HomeView extends Component {
render() {
 return (
  <MuiThemeProvider>
    <div className="container-fluid NOPDNG text-center">
      <Header showLogo={false} showLogout={false} userInfo={userInfo} showTitle={true} />
      <section id="signUpContainer">
        <Paper zDepth={1} id="Paper">
          <div className='row bo-gutters'>
            <div className="col-sm-12 text-center">
              <h5 id="signUpTitle"> Sign Up </h5>
            </div>
            <div className="col-sm-12 text-left">
              <TextField
                hintText="Name"
                floatingLabelText="Name"

              />
            </div>
            <div className="col-sm-12 text-left">
              <TextField
                hintText="Email"
              />
            </div>
            <div className="col-sm-12 text-left">
              <TextField
                hintText="Password"
                floatingLabelText="Password"
              />
            </div>

            <div className="col-sm-12 text-left">
              <RadioButtonGroup name="shipSpeed" defaultSelected="not_light" onChange={this.onChangeRole.bind(this)}>

                <RadioButton
                  value="demo1"
                  label="demo1"
                />
                <RadioButton
                  value="demo2"
                  label="demo2"
                />

              </RadioButtonGroup>
            </div>
            <div className="col-sm-12 text-left">
              <TextField
                hintText="Mobile"

              />
            </div>

            <div className="col-sm-12 text-left">
              <section className="PDNG_TP_10PX">
                <RaisedButton label="Sign Up"
                  buttonStyle={{ background: "#ac4074" }}
                  secondary={true}
                  onClick={this.onClickSignUp}
                />
              </section>
            </div>
          </div>
        </Paper>
      </section>

    </div>
    <Footer />
  </MuiThemeProvider> )}
 }

类HomeView扩展组件{
render（）{
返回(
注册
)}
}

---

---

我猜材质ui支持响应性。请查看material ui文档，很抱歉忘记我正在起诉material ui v0.20.0。在这种情况下，您可能缺少一些样式。请显示“React”中的代码片段.import React，{Component}；从'react redux'导入{connect}；从“react router dom”导入{withRouter}从“material ui/styles/MuiThemeProvider”导入MuiThemeProvider；类HomeView扩展组件{render（）{return（

）；}}我无法格式化我的代码段