顯示標籤和佈局的引導問題

我使用了引導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

顯示標籤和佈局的引導問題

回答

相關問題