Выровнять по вертикали бок о бок столбец в MaterializeCSS

Question

Как вы обычно выравниваете по вертикали "среднюю" кнопку в этом примере:

<div class="row">

  <div class="col s1">
    <h1>Foo</h1>
  </div>

  <div class="col s11 right-align">
    <a href="#" class="btn"><i class="material-icons left">add</i> Add</a>
  </div>

</div>

https://jsfiddle.net/zg9cjmr3/

Как только я добавлю valign-wrapper во втором внутреннем div это запутано:

https://jsfiddle.net/zg9cjmr3/1/

Answer 1

Добавьте класс valign-wrapper в строку.

<div class="row valign-wrapper">

  <div class="col s1">
    <h1>Foo</h1>
  </div>

  <div class="col s11 right-align">
    <a href="#" class="btn"><i class="material-icons left">add</i> Add</a>
  </div>

</div>