November 9, 2016

Materialize Container

Materialize Container Materialize provides container class which is used to create the content container. Container class creates a container of width 70% of the window width. It centers the content of the page. Here in this tutorial we are going to explain how to create container and use it in Materialize framework. You can also use our online editor to edit and run the code online.

Materialize Container Example

To create container add container class to the div. Let us create first container using this class-

Container

Materialize Container Example:

<div class="container" style="background:yellow;">
  <h1>Container</h1>
</div>

Try it »

In the above example we have created container using class container, we have added a background of yellow color so that we can have clear view how container class works.

If you run the above example it will produce the output something like this –