title: MaterializeCSS - Content showing outside container
body: <p>I'm using MaterializeCSS for creating layouts, I've got a container which contains 2 rows but any content which is not in column displays outside of container.</p>
  
  <p>Here is my code:-</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div style="border: 1px solid #b1b1b1;"&gt;
  
          &lt;div class="row"&gt;
              &lt;div class="col s12"&gt;Hello&lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="row"&gt;World
              &lt;div class="col s12"&gt;Hello&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is how it looks:-</p>
  
  <p><a href="https://i.stack.imgur.com/tOgAS.png" rel="nofollow noreferrer">Container Layout</a></p>
  
  <p>Why is this happening even though my content is inside container and should also display within container boundaries?</p>
  
  <p>Edit:</p>
  
  <pre><code>&lt;div class="add-arena grey lighten-3"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col s12 center deep-orange white-text"&gt;Add Arena&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row"&gt;
          &lt;div class="add-arena-image-holder col s4"&gt;
              &lt;form action="#"&gt;
                  &lt;div class="file-field input-field col s11"&gt;
                      &lt;div class="btn"&gt;
                          &lt;span&gt;File&lt;/span&gt;
                          &lt;input type="file"&gt;
                      &lt;/div&gt;
                      &lt;div class="file-path-wrapper"&gt;
                          &lt;input class="file-path validate" type="text"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/form&gt;
          &lt;/div&gt;
          &lt;div class="add-arena-description col s8"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="input-field col s6"&gt;
                      &lt;input placeholder="What will it be called?" id="first_name" type="text" class="validate"&gt;
                      &lt;label for="first_name"&gt;Arena Name&lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="input-field col s6"&gt;
                      &lt;input placeholder="Arena Number" id="first_name" type="text" class="validate"&gt;
                      &lt;label for="first_name"&gt;Arena&lt;/label&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col s3 right"&gt;
                      &lt;a class="waves-effect waves-light btn deep-orange"&gt;&lt;i class="material-icons left"&gt;send&lt;/i&gt;Add&lt;/a&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>