Bootstrap 3.0 Центр управления вертикально в Modal

Question

Как я могу централизовать управление вертикально в модальном?

Проблема определяется здесь: http://jsfiddle.net/3BpVF/2/

Вот код:

<div class="row"> 
<label class="col-xs-2 control-label" for="text1">This is the longest label in the world and I want center all content on the right side in center of div row....</label> 
<div class="col-xs-10"> 
    <input id="text1" type="text" class="form-control" placeholder=".col-xs-2"> 
</div> 

Я хочу этикетку центра и текстовые verticaly для каждой строки в модальном теле.

Вот картина того, что я хочу:

http://i58.tinypic.com/2ah8dpx.jpg

Answer 1

Это не очень понятно, что вы хотите ... что-то вроде этого?

http://www.bootply.com/teloZUOCvD

<form role="form"> 
    <div class="form-group text-center"> 
     <label>This is the longest label in the world and I want center all content on the right side in center of div row....</label> 
     <input type="text" class="form-control"> 
    </div> 

    <div class="form-group text-center"> 
     <label>Normal Label</label> 
     <input type="text" class="form-control"> 
    </div> 
</form>