vertical alignment in bootstrap column

[Crossfield]

Здравствуйте!

Имеется вёрстка > http://bigma.xyz/dev/pex/

Задача: Разместить контент в колонке по центру независимо от объёма (скриншот: https://screencloud.net/v/mT69)

Пожалуйста прошу помочь в решении проблемы или тыкнуть носом в ответ (в гугле не забанили...либо не хватает мозгов, либо руки кривые).

Заранее - огромное спасибо!

 

[andrey7287]

Для обёртке 

display: table-row;

Для блоков с картинкой и текста

display: table-cell;

vertical-align: middle;

бутстрап убирай 

 

[Crossfield]

  On 12/9/2016 at 7:51 PM, andrey7287 said:

Для обёртке 

display: table-row;

Для блоков с картинкой и текста

display: table-cell;

vertical-align: middle;

бутстрап убирай 

 

Expand  

Я правильно понял: Для ".picture-text-section__content-wrapper", а для каждого текстового блока (заголовок и текст) - display: table-cell; vertical-align: middle; ?
Получается вот так > https://screencloud.net/v/2h7q , https://screencloud.net/v/u6f6 - Это не совсем то, что хотелось бы  Возможно я не правильно задал вопрос...текст должен выглядеть так как он есть сейчас, просто расстояния сверху и снизу от него должны быть одинаковыми...

Почему убирать бутстрап? Вроде очень удобный фреймворк.

 

[andrey7287]

Вопрос я понял по первому посту и написал вам как это делается. 

  On 12/9/2016 at 7:51 PM, andrey7287 said:

Для блоков с картинкой и текста

Expand  

То есть левый блок с картинкой внутри, правый с текстом. У вас получается таблица в левой ячейке которой картинка а в правой текст. 

Бутстрап сетку вы можете убрать только для этих блоков а не полностью.

 

[Crossfield]

  On 12/10/2016 at 7:40 PM, andrey7287 said:

Вопрос я понял по первому посту и написал вам как это делается. 

То есть левый блок с картинкой внутри, правый с текстом. У вас получается таблица в левой ячейке которой картинка а в правой текст. 

Бутстрап сетку вы можете убрать только для этих блоков а не полностью.

 

Expand  

Понял, получилось! Спасибо огромное за ответ!