示例2中怎么再加圖標(biāo)？
這樣加上去為什么圖標(biāo)顯示錯(cuò)位。
<h3>示例2</h3> <form?role="form"> ??<div?class="form-group?has-success?has-feedback"> ????<label?class="control-label"?for="inputSuccess1">成功狀態(tài)</label> ????<div?class="row"> ??????<div?class="col-xs-6"> ????????<input?type="text"?class="form-control"?id="inputSuccess1"?placeholder="成功狀態(tài)"> ????????<span?class="glyphicon?glyphicon-ok?form-control-feedback"></span>? ??????</div> ???????<span?class="col-xs-6?help-block">你輸入的信息是正確的</span>??? ????</div> ??</div>
2018-11-26
在span的父級(jí)盒子上加has-feedback , 因?yàn)閳D標(biāo)的樣式位置是根據(jù)這個(gè)類(lèi)名來(lái)的?
<div class="col-xs-6? has-feedback">
? ? ? ? <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態(tài)" >
? ? ????<span class="glyphicon glyphicon-remove form-control-feedback"></span>??
</div>
其次 在當(dāng)前頁(yè)面加個(gè)樣式蓋過(guò)給的樣式? 因?yàn)樵诘奈恢貌灰粯恿?所以定位的位置也不一樣了 只要改變他的top值和right值就可以了??
.has-feedback .form-control-feedback{
????position:?absolute;
????top:?0px;
????right:?15px;
????display:?block;
????width:?34px;
????height:?34px;
????line-height:?34px;
????text-align:?center;
}
2017-04-02
在行內(nèi)提示語(yǔ)中，如果添加圖標(biāo)會(huì)出現(xiàn)錯(cuò)位的情況。
這是因?yàn)?.form-control-feedback 中的參考位置被 .col-xs-6 所改變了，正確的參考位置應(yīng)該是 .has-feedback 。
如果你刪除了?.col-xs-6 了，那么將會(huì)影響到 行內(nèi)提示語(yǔ)的 位置和<input> 的樣式。
所以需要在 行內(nèi)提示語(yǔ)中，添加圖標(biāo)，需要自己造輪子，不能使用 Bootstrap 內(nèi)的圖標(biāo)。
本人愚見(jiàn)。
2016-12-18
為什么你要加入網(wǎng)格