居中表单标签和行中的文本答案

【问题标题】：Center form label and text in row居中表单标签和行中的文本
【发布时间】：2014-06-12 22:51:02
【问题描述】：

我正在处理一个我想在行中居中的标签和表单，但是遇到了困难。标签不会移动到输入字段旁边的中心而不向下移动字段。这是代码：

<div class="row"> 
            <div class="col-md-6">
                <div class="form-group">
                    <label class="col-md-6 control-label pull right">Password: </label>
                    <div class="col-md-6">
                        <input type="text" name="Password" class='form-control'  />
                    </div>
                </div>
            </div>
    </div>

【问题讨论】：

你试过text-align: right;吗？

标签： html css forms twitter-bootstrap

【解决方案1】：

width:100%;text-align:center;display:inline-block;

在标签的样式属性中。

【讨论】：

【解决方案2】：

你搞砸了你的 divs 并将你的 col-md-6 放在了错误的元素上。

试试：

<div class="row"> 
   <div class="col-md-6">
      <div class="form-group">
         <div class="col-md-6">
            <label class="control-label pull-right">Password: </label>
         </div> 
         <div class="col-md-6">
            <input name="Password" class="form-control" type="text">
         </div>
      </div>
   </div>
</div>

例如：http://www.bootply.com/133293

【讨论】：