title: Vertically align column in row in Ionic
body: <p>I have the following <code>ion-view</code> :</p>
  
  <pre><code>&lt;ion-view view-title="Success" ng-controller="successController" class="success-view"&gt;
    &lt;ion-content&gt;
  
      &lt;div class="row row-center"&gt;
        &lt;div class="col"&gt;
  
          &lt;h1&gt;Success!&lt;/h1&gt;
  
          &lt;h3&gt;Your login credentials will be SMSed to you shortly&lt;/h3&gt;
  
          &lt;button class="button button-block button-positive" ui-sref="login"&gt;
            Okay
          &lt;/button&gt;
  
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/ion-content&gt;
  &lt;/ion-view&gt;
  </code></pre>
  
  <p>I'm trying to vertically align that <code>col</code> in there in the screen. Now I understand that the only way this is going to work is if my <code>row</code> takes up 100% of the height. Yet if I go ahead and add <code>style="height: 100%;"</code> to my <code>row</code> it doesn't work, the row's height still wraps to it's contents. Even if I add <code>!important</code> it still doesn't span the full height of the screen... Any ideas?</p>