Как я могу вертикально центрировать divs в начальной загрузке? [дублировать] ⇐ CSS

[Anonymous]

Я работаю над проектом, который требует от меня вертикально центра. У меня есть три столбца с размером Col-S-4. Два столбца слева и справа являются статичными, а столбец в середине прокручивается. < /p>

У меня есть две текстовые поле в правом и левом столбцах, которые должны быть отзывчивы в середине страницы. Я действительно не знаю, как поднять центр DOVS. Я пробовал различные трюки на начальной загрузке, такие как смещение столбца или использование класса «вертикальный центр», но на самом деле ничего не работает. < /P>

Это то, что я пытался использовать, но в настоящее время он не работает: < /p>

.text-div {
position: relative;
top: 50%;
transform: translateY(-50%);
display: table;
}
< /code>

Вот ссылка на мой кодепен, чтобы вы могли увидеть, чего мне нужно сделать. < /p>

https: // codepen.io/anfperez/pen/rjzmmm

Подробнее здесь: https://stackoverflow.com/questions/488 ... -bootstrap