вертикальное выравнивание

В material design описано все красиво и работает по картинкам все красиво, только на практике немного иначе работаетTextInputEditText находится внизу, а не по центру по вертикали, за счет этого получаются огромные текстовые поля

Друзья, пример проблемы навел кодом в codepen

Делаю через Bootstrap 3, нужно выравнивание нескольких (любых объектов) с чётным-нечётным количеством (не строчные!)Примеры с прописыванием точных размеров в px не предлагать, только в %