Высота блоков выравнивания Twitter Bootstrap v2.3.2 (вертикальное выравнивание по середине и высоте 100%)

Я пытаюсь выровнять текстовые блоки по высоте окружающих изображений. (что-то вроде этого http://s14.postimg.org/gqxt3rmu9/image.jpg)

Этот метод vertical-align: middle с Bootstrap 2 не работает. Буду признателен за любую помощь.

<div class="row-fluid">
<div class="span6">
    <div class="row-fluid">
        <div class="span3">
            <img src="img/gallery/1.jpg">
        </div>
        <div class="span6">
            Text
        </div>
        <div class="span3">
            <img src="img/gallery/1.jpg">
        </div>
    </div>
</div>
<div class="span6">
    <div class="row-fluid">
        <div class="span3">
            <img src="img/gallery/1.jpg">
        </div>
        <div class="span6">
            Text
        </div>
        <div class="span3">
            <img src="img/gallery/1.jpg">
        </div>
    </div>
</div>

стиль

.row-fluid > .span3, .row-fluid > .span6 {
  display: inline-block !important;
  vertical-align: middle !important; }

person Cheburshka    schedule 29.07.2013    source источник
comment
Пожалуйста, поделитесь своим соответствующим css   -  person Ankit Aggarwal    schedule 30.07.2013
comment
поделитесь css для этих классов row-fluid и span3 и span6..   -  person Ankit Aggarwal    schedule 30.07.2013
comment
Извините, пробовал разные варианты. jsfiddle.net/beCmF   -  person Cheburshka    schedule 30.07.2013
comment
Использовал display:table и display:table-cell, но потом пропала отзывчивость изображений.   -  person Cheburshka    schedule 30.07.2013