Как сделать вертикальное выравнивание блоков в Bootstrap?

Question

[sergemin]

Делал правку сайта, добавил Bootstrap. Вроде все норм, но блоки не выравниваются по вертикали. Решил добавить flex-box, но, как оказалось, флексы не работают вместе с бутстрапом (перестает работать адаптивность).

Подскажите, как реализовать вертикальное выравнивание. Только меня интересует только вариант с бутстрапом. У меня нет желания переделывать верстку из-за одного блока.

Код приблизительно такой:

<div class='container'>
   <div class='row'>
        <div class='col-lg-4 col-md-4 col-sm-4 col-xs-4'>loremloremloremloremloremloremloremloremloremloremloremloremlorem</div>
        <div class='col-lg-4 col-md-4 col-sm-4 col-xs-4'>loremloremlorem</div>
        <div class='col-lg-4 col-md-4 col-sm-4 col-xs-4'>loremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremloremlorem</div>
   </div
</div>

Answer 1

[Сергей delphinpro]

<div class='container'>
   <div class='row specific-block'>
    ...
   </div
</div>

.specific-block {
  display: flex;
  align-items: center;
}

.specific-block {
  >div {
    display: table-cell;
    vertical-align: center;
  }
}

Comments

[sergemin]

не работает

[Сергей delphinpro]

sergemin: codepen.io/anon/pen/WpOzBe
кто-то из нас двоих пиздит. и это точно не я.

[sergemin]

Сергей: По-моему, на форуме запрещено материться, ну да ладно. Твой код не выполняет требований, которых я просил. Я просил не просто выравнять по вертикали блоки, а сделать так, чтобы эти блоки были адаптивные. чтобы для планшета была одна ширина, а для мобильных - другая. например, col-lg-4 col-md-6 col-xs-12

[sergemin]

codepen.io/serhii93/pen/LWLmpm

[Сергей delphinpro]

sergemin: так и надо писать. а не "не работает". Здесь не форум для гадалок.
По существу: codepen.io/anon/pen/ZeyREo

[sergemin]

Сергей: решение правильное, но после твоих грубостей, даже и не знаю, отмечать ли твой ответ решением

[Сергей delphinpro]

Где грубость-то? если бы я написал слово "лжёт" было бы легче? =) по-моему одно и то же.

[sergemin]

Сергей: ладно, спасибо за помощь, чувак

Answer 2

[sim3x]

vertical-align
line-height