title: Using Angular Material2 with Bootstrap4 css for grid layouts
body: <p><a href="https://github.com/angular/material2/tree/master/src/lib" rel="noreferrer">Angular Material2</a> (alpha.7) does not have responsive grid component like <a href="http://v4-alpha.getbootstrap.com/layout/grid/" rel="noreferrer">bootstrap grid system</a> yet. The layouts/grid system in bootstrap allows creating responsive layouts (that adapt to screen size without having to deal with writing css involving custom media queries and figuring out pixel values for breakpoints) which is immensely useful.</p>
  
  <p>I noticed issues in margin/padding of material2 components on including bootstrap css in a material2 project. For example: <code>md-card</code> components start overlapping.</p>
  
  <p>Is there a way to have these 2 libraries play well together?</p>
  
  <p>OR</p>
  
  <p>Is there a way to get the  bootstrap like responsive layout/grid goodness in material2 without including bootstrap css?</p>