title: ionic 2 ion-grid / ion-row / ion-col not working when used as a attribute to div
body: <pre><code>&lt;ion-grid no-padding&gt;
      &lt;ion-row&gt;
          &lt;ion-col&gt;col 1&lt;/ion-col&gt;
          &lt;ion-col&gt;col 2&lt;/ion-col&gt;
          &lt;ion-col&gt;col 3&lt;/ion-col&gt;
      &lt;/ion-row&gt;
  &lt;/ion-grid&gt;
  </code></pre>
  
  <p>Above code works good, its respective styles are applied, but, below one doesn't work. </p>
  
  <pre><code>&lt;div ion-grid&gt;
      &lt;div ion-row&gt;
          &lt;div ion-col&gt;col 1 div&lt;/div&gt;
          &lt;div ion-col&gt;col 2 div&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I tried to put it as attributes, styles are not applied for grid, I get something similar to </p>
  
  <p>col 1 div</p>
  
  <p>col 2 div</p>
  
  <p>expected result: col 1 div     col 2 div</p>
  
  <p>What am I doing wrong?</p>
  
  <p>ref: <a href="http://ionicframework.com/docs/v2/api/components/grid/Grid/#grid-size" rel="nofollow noreferrer">http://ionicframework.com/docs/v2/api/components/grid/Grid/#grid-size</a></p>