这样加上去为什么图标显示错位。
<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>
2016-12-18
在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;
}
举报
