反応性物質反応性レイアウト

私はReactアプリケーションで物質-uiを使用しようとしています。コンポーネントは素晴らしいですが、応答性があるように設計されているようには見えません。例えば、私はこのような私のホームページで引き出し部品を実装しようとしています：反応性物質反応性レイアウト

 <div> 
      <AppBar 
       title="My App" 
       iconClassNameRight="muidocs-icon-navigation-expand-more" 
       onLeftIconButtonTouchTap={this.handleToggle} 
      /> 
      <TextField 
       hintText="Hint goes here" 
       floatingLabelText="Enter your Note here..." 
       multiLine={true} 
       fullWidth={true} 
       rows={2} 
      /> 
      <Drawer 
       docked={false} 
       open={this.state.open} 
       onRequestChange={(open) => this.setState({open})} 
      > 
       <MenuItem>One</MenuItem > 
       <MenuItem>Two</MenuItem > 
      </Drawer> 
     </div> 
    );

私は自分の携帯電話上でこれをアップロードすると、それは私が期待した通りのサイズだ調整しません。 material-uiだけを使ってこれを反応させる方法はありますか？そうでない場合は、ブートストラップやその他のパッケージを使用して応答する方法はありますか？ここで

おかげで、 -Jim

出典

2017-07-12 jbambrough

？引出しそのものは、そのような大きな幅ではなく、携帯には適していませんか？ appbarのような別のコンポーネントについてはどうですか？ – oklas

はい、マテリアルUIサイト自体が反応するようです。しかし、彼らがそれを反応させるために何をしたのかを伝えるのは難しいです。私はソースコード内のブートストラップライブラリへの参照を見ませんでした – jbambrough

これはブートストラップが存在しないという幸せです。応答性は、（ブートストラップではなく）cssとjsによって達成されていることをあなたに知らせてください。 – oklas