与显示标签和布局引导问题(Bootstrap issue with displaying label

我已经利用自举3点水平的形式。 我还一直在使用jQuery插件验证来验证我的形式。 当我尝试显示我旁边的输入框打勾图像。 它不断地去它的下面。 我已经申请了.valid类由蜱图像显示：inline-block的，但我仍然没有得到任何结果。 这是我这追加如果输入字段是有效的有效类。 这是我的表格组类

<div class="form-group">
 <label class="control-label col-lg-3" for="email">Email:</label>
    <div class="col-lg-9">
        <sf:input type="text" name="email" class="form-control" path="email" /><br/><sf:errors path="email" cssClass="error"></sf:errors>
    </div>
</div>

这是我的CSS“.valid”字段，显示后输入字段是有效的。

label.valid{
      width: 30px;
      height: 30px;
      background: url(../img/Done.png) center center no-repeat;
      display: inline-block;
      text-indent: -9999px;
}

这是我得到的图像： 正如你所看到的标签输入字段下显示。 我想直接显示它的旁边。 请帮忙

Answer 1:

能否请您将此CSS和检查

.addthiscSS{
    display:inline-block;
    width: auto;
    vertical-align: text-top;
   }

Answer 2:

类形式控制设置宽度为100％

试试这个设置。

<div class="form-group">
   <div class="col-lg-3 text-right">
      <label class="control-label" for="email">Email:</label>
   </div>
   <div class="col-lg-6">
      <sf:input type="text" name="email" class="form-control" path="email" />
   </div>
   <div class="col-lg-3">
      <sf:errors path="email" cssClass="error"></sf:errors>
   </div>
</div>

文章来源: Bootstrap issue with displaying label and layout