<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>测试验证</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <form id="form"> <div class="form-group has-feedback" id="form1"> 姓名：<input type="text" class="form-control" id="input1" placeholder="请输入姓名" onblur="fun1(this);"> <span id="s1" style="display:none">你输入的信息是正确的</span> <span id="ss1" class="glyphicon glyphicon-ok form-control-feedback" style="display:none"></span> </div> <div class="form-group has-feedback" id="form2"> 学号：<input type="text" class="form-control" id="input2" placeholder="请输入学号" > </div> <button type="submit" class="btn btn-primary" id="submit">提交</button> </form> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script>function fun1(x){if(x.value!=null){$("#form1").addClass("has-success");x.nextSibling.nextSibling.style.display="block"; x.nextSibling.nextSibling.nextSibling.nextSibling.style.display="block";}}</script> </body> </html>运行后的结果是：我发现那个对勾位置好像一直在整个页面的最右边，当我把input的class写成class="form-control-sm";时，它就变成下图，对勾在最右边，输入框的颜色没有变成绿色的。怎么样才能像bootstrap基础教程3-13里该做些什么设置让对勾永远在输入框内的最右边呢。
添加回答
举报
0/150
提交
取消