显示标签和布局的引导问题

我使用了引导3个水平表单。我也一直在使用jquery validator插件来验证我的表单。当我尝试在我的输入字段旁边显示一个刻度图片时。它不断地在它下面。我已经应用了由tick图片组成的.class类，以显示：inline-block，尽管我仍然没有得到任何结果。如果输入字段有效，这是我的有效类。这是我的form-group类显示标签和布局的引导问题

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

这是我得到的图像： enter image description here 正如你可以看到标签的输入栏下显示。我想直接在旁边显示它。请帮助

来源

2013-10-23 Maff

输入后没有地方，它的响应，你添加一个元素后......我认为你应该减少输入宽度。你可以与你的导航器检查员，减少输入宽度，看看done.png去对齐吗？ – pbenard

即使我减小了输入字段的大小，它仍然不会改变任何内容。 – Maff

你可以发布生成的html吗？ – pbenard

能否请你将此CSS和检查

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

来源

2013-10-23 11:16:12

@Matthew Bobrowski this CSS加入标签 –

我厌倦了这一点。依然没有。 – Maff

@Matthew Bobrowski okeytry把这个CSS文本框，并减少其宽度 –

类表单控件设置宽度为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>

来源

2014-09-07 02:08:08 chconger

显示标签和布局的引导问题

回答

相关问题