Question

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

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

Answer 1

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

在标签的style属性中。

Answer 2

你弄乱了div并将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>

Ex：http://www.bootply.com/133293

中心表格标签和行中的文字

2 个答案: