вертикальное -выравнивание по центру :с Bootstrap 2

Я использую загрузчик Twitter и хотел выровнять по вертикали блок divс изображением и текстом справа.

Вот код:

<ol class="row" id="possibilities">
     <li class="span6">
         <div class="row">
             <div class="span3">
                 <p>some text here</p>
                 <p>Text Here too</p>
             </div>
             <figure class="span3"><img src="img/screenshots/options.png" alt="Some text" /></figure>
         </div>
     </li>
     <li class="span6">
         <div class="row">
             <figure class="span3"><img src="img/qrcode.png" alt="Some text" /></figure>
             <div class="span3">
                 <p>Some text</p>
                 <p>Some text here too.</p>
             </div>
         </div>
     </li>
</ol>

Я пробовал это, но не работает:

.span6.row{display: table;}
.span6.row.span3,.span6.row figure{display:table-cell; vertical-align: middle;}

Я тоже пробовал:

.span6.row.span3{display: inline-block; vertical-align: middle;}

Ни один не работает. У кого-нибудь есть идея? Заранее спасибо.

31
задан Chris Moschini 28 July 2014 в 05:19
поделиться