Bootstrap 3.0 Center在Modal中垂直控制

时间:2014-07-16 13:30:05

标签: css twitter-bootstrap-3

如何在模态中垂直居中控制?

此处定义了问题: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>

我希望模态体中的每一行都有垂直中心标签和文本框。

这是我想要的照片:

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

1 个答案:

答案 0 :(得分:0)

目前还不是很清楚你想要什么......这样的事情?

<强> 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>