Bootstrap Вертикальное выравнивание двух столбцов, смещенные

Question

я в настоящее время есть код, который выглядит следующим образом:

<div class="row"> 
<div class="col-xs-4 col-xs-offset-4 vmiddle"> 
test<br>test 
</div> 
<div class="col-xs-4 vmiddle"> 
    test2 
</div> 
</div> 

Обратите внимание на первый столбец компенсировано 4. Я хочу, чтобы выровнять по вертикали эти столбцы, так что мой CSS:

.vmiddle{ 
display:inline-block; 
vertical-align:middle; 
float:none; 
} 

Но что происходит, второй столбец смещается в следующую строку. Я думаю, что это имеет какое-то отношение к float:none, но не может понять, почему. Может ли кто-нибудь помочь?

Пожалуйста, смотрите эту bootply за то, что это выглядит как: http://www.bootply.com/1emdJSmlgl

Спасибо!

Answer 1

Просто удалить пространство между ними, чтобы inline-block DIV как следующим образом:

<div class="col-xs-4 col-xs-offset-4 vmiddle"> 
    test<br>test 
    </div><!-- 
    --><div class="col-xs-4 vmiddle"> 
    test2 
    </div> 

Bootply