示例2中怎么再加圖標？
這樣加上去為什么圖標顯示錯位。
<h3>示例2</h3> <form?role="form"> ??<div?class="form-group?has-success?has-feedback"> ????<label?class="control-label"?for="inputSuccess1">成功狀態</label> ????<div?class="row"> ??????<div?class="col-xs-6"> ????????<input?type="text"?class="form-control"?id="inputSuccess1"?placeholder="成功狀態"> ????????<span?class="glyphicon?glyphicon-ok?form-control-feedback"></span>? ??????</div> ???????<span?class="col-xs-6?help-block">你輸入的信息是正確的</span>??? ????</div> ??</div>
2018-11-26
在span的父級盒子上加has-feedback , 因為圖標的樣式位置是根據這個類名來的?
<div class="col-xs-6? has-feedback">
? ? ? ? <input type="text" class="form-control" id="inputSuccess1" placeholder="成功狀態" >
? ? ????<span class="glyphicon glyphicon-remove form-control-feedback"></span>??
</div>
其次 在當前頁面加個樣式蓋過給的樣式? 因為在的位置不一樣了 所以定位的位置也不一樣了 只要改變他的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
在行內提示語中，如果添加圖標會出現錯位的情況。
這是因為?.form-control-feedback 中的參考位置被 .col-xs-6 所改變了，正確的參考位置應該是 .has-feedback 。
如果你刪除了?.col-xs-6 了，那么將會影響到 行內提示語的 位置和<input> 的樣式。
所以需要在 行內提示語中，添加圖標，需要自己造輪子，不能使用 Bootstrap 內的圖標。
本人愚見。
2016-12-18
為什么你要加入網格