javascript - 显示标签和布局的 Bootstrap 问题

Question

我使用了 bootstrap 3 水平形式。我也一直在使用 jquery validator 插件来验证我的表单。当我尝试在我的输入字段旁边显示一个刻度图像时。它不断地在它下面。我已经应用了由刻度图像组成的 .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;
   }