Container

Fixed Container

To wrap your content in a responsive container use the .mui-container class:

<div class="mui-container">
  <!--

  Container is centered on page with 15px of
  padding on either side. The inner width is
  fluid for small viewports and has a max
  width for larger dimensions:

  * 570px (≥ 544px)
  * 740px (≥ 768px)
  * 960px (≥ 992px)
  * 1170px (≥ 1200px)
  
  -->
</div>

Fluid Container

To wrap your content in a fluid container use the .mui-container-fluid class:

<div class="mui-container-fluid">
  <!--

  Container is centered on page with 15px of
  padding on either side. The inner width is
  fluid for all viewport widths.

  -->
</div>