title: React material-ui responsive layout
body: <p>I am trying to use material-ui in my React application. The components are great, but it doesn't seem like they were designed to be responsive. For example, I'm trying to implement the Drawer component in my home page like this:</p>
  
  <pre><code>        &lt;div&gt;
              &lt;AppBar
                  title="My App"
                  iconClassNameRight="muidocs-icon-navigation-expand-more"
                  onLeftIconButtonTouchTap={this.handleToggle}
              /&gt;
              &lt;TextField
                  hintText="Hint goes here"
                  floatingLabelText="Enter your Note here..."
                  multiLine={true}
                  fullWidth={true}
                  rows={2}
              /&gt;
              &lt;Drawer
                  docked={false}
                  open={this.state.open}
                  onRequestChange={(open) =&gt; this.setState({open})}
              &gt;
                  &lt;MenuItem&gt;One&lt;/MenuItem &gt;
                  &lt;MenuItem&gt;Two&lt;/MenuItem &gt;
              &lt;/Drawer&gt;
          &lt;/div&gt;
      );
  </code></pre>
  
  <p>When I load this up on my phone, it doesn't adjust it's size as I had hoped. Is there any way to make this responsive using only material-ui? If not, is there any way I can use Bootstrap or some other package for responsiveness?</p>
  
  <p>Thanks,
  -Jim</p>