BootStrap表單驗證 FormValidation 調(diào)整反饋圖標位置的實例代碼
更新時間：2017年05月17日 15:54:39 作者：北冥沒有魚
這篇文章主要介紹了BootStrap表單驗證 FormValidation 調(diào)整反饋圖標位置的實例代碼,需要的朋友可以參考下
在某些情況下，反饋圖標未正確顯示。默認情況下，Bootstrap定義反饋圖標位置如下：
.has-feedback .form-control-feedback {
top: 25px;
right: 0;
}
.form-horizontal .has-feedback .form-control-feedback {
top: 0;
right: 15px;
}
通過自定義值top和right屬性，您可以將反饋圖標調(diào)整為應有的位置。
按鈕組
.btn-group .form-control-feedback {
top: 0;
right: -30px;
}
<div class="form-group">
<label class="col-xs-3 control-label">Gender</label>
<div class="col-xs-9">
<div class="btn-group" data-toggle="buttons">
<label class="btn btn-default">
<input type="radio" name="gender" value="male" /> Male
</label>
<label class="btn btn-default">
<input type="radio" name="gender" value="female" /> Female
</label>
<label class="btn btn-default">
<input type="radio" name="gender" value="other" /> Other
</label>
</div>
</div>
</div>
輸入組 、下拉菜單
#productForm .inputGroupContainer .form-control-feedback,
#productForm .selectContainer .form-control-feedback {
top: 0;
right: -15px;
}
<div class="form-group">
<label class="col-xs-3 control-label">Amount</label>
<div class="col-xs-3 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">€</span>
<input type="text" class="form-control" name="amount" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-xs-3 control-label">Color</label>
<div class="col-xs-3 selectContainer">
<select class="form-control" name="color">
<option value="">Choose a color</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="white">White</option>
</select>
</div>
</div>
以上所述是小編給大家介紹的BootStrap表單驗證 FormValidation 調(diào)整反饋圖標位置的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
jquery.rotate.js實現(xiàn)可選抽獎次數(shù)和中獎內(nèi)容的轉盤抽獎代碼
這篇文章主要介紹了jquery.rotate.js實現(xiàn)可選抽獎次數(shù)和中獎內(nèi)容的轉盤抽獎代碼,需要的朋友可以參考下2017-08-08
微信小程序MUI導航欄透明漸變功能示例(通過改變rgba的a值實現(xiàn))
這篇文章主要介紹了微信小程序MUI導航欄透明漸變功能,結合實例形式分析了通過改變rgba的a值實現(xiàn)透明度漸變功能的相關操作技巧,需要的朋友可以參考下2019-01-01
這篇文章主要為大家詳細介紹了uploadify插件實現(xiàn)多個圖片上傳并預覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要給大家介紹了關于ES6中常見基本知識點的基本使用的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-04-04
JavaScript?映射器?array.flatMap()
這篇文章主要介紹了JavaScript?映射器?array.flatMap()，array.flatMap()是一個映射函數(shù)，它接收一個數(shù)組和一個映射函數(shù)，然后返回一個新的映射數(shù)組，下面進入文章了解具體內(nèi)容2022-02-02
下面小編就為大家分享一篇mui框架 頁面無法滾動的解決方法(推薦)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
下面小編就為大家?guī)硪黄P于RequireJS的簡單介紹即使用方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這是一款仿淘寶TAB切換搜索框，想搜索哪方面的內(nèi)容就切換到哪一個，非常實用，喜歡的朋友可以看看2014-09-09
在 JavaScript 中,new 關鍵字不僅是面向對象編程的關鍵要素,還是創(chuàng)建實例的重要手段,本文將深入探討 new 關鍵字的使用,理解它在對象創(chuàng)建和構造函數(shù)調(diào)用中的作用,需要的朋友可以參考下2023-11-11
JS中type="button"和type="submit"的區(qū)別
Submit是專門用于提交表單的Button，與Button的區(qū)別主要有兩點：type=button 就單純是按鈕功能，type=submit 是發(fā)送表單 。下面通過本文給大家分享JS中type="button"和type="submit"的區(qū)別，感興趣的的朋友一起看看吧2017-07-07