title: angular material grid system
body: <p>I am confused with <a href="https://material.angularjs.org/#/" rel="noreferrer">angular material design</a> and <a href="http://materializecss.com/" rel="noreferrer">material css</a>. 
  Why do both have different layout and grids?
  What is the equivalent for bootstrap container in <a href="https://material.angularjs.org/#/" rel="noreferrer">angular material design</a>?</p>
  
  <p>Shall I use <a href="https://material.angularjs.org/#/" rel="noreferrer">angular material design</a> for my project comparing with bootstrap?</p>