css div定位问题

Question

    <form class="form-horizontal popup" role="form"
        action="pc-geetest/validate" method="post">
        <div class="panel panel-primary" style="width:450px;height:540px;margin-left:auto;margin-right:auto;">
            <div class="panel-heading">
                <h3 class="panel-title">登录</h3>
            </div>
            <div class="panel-body">
                <div class="container" >
                    <div class="form-group has-success row" >
                        <div class="col-sm-4 col-sm-offset-4">
                            <label class="control-label" for="inputSuccess">用户名：</label> <input
                                type="text" class="form-control" id="inputSuccess">
                        </div>
                    </div>
                    <div class="form-group has-success row">
                        <div class="col-sm-4 col-sm-offset-4">
                            <label class="control-label" for="inputError">密码：</label> <input
                                type="text" class="form-control" id="inputError">
                        </div>
                    </div>

                    <div class="row">
                        <div id="embed-captcha" class=" col-sm-offset-4">
                            <p id="wait" class="show">正在加载验证码......</p>
                            <p id="notice" class="hide">请先拖动验证码到相应位置</p>
                        </div>
                    </div>
                    <br>
                    <div class="row">
                        <div class="col-sm-2 col-sm-offset-5">
                            <button type="submit" class="btn btn-info btn-lg"
                                id="embed-submit" onclick="lala(this)" value="请滑动上面的滑块完成验证">
                                <span class="glyphicon glyphicon-log-in"></span> 登录
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

效果：

想把那几个输入框搞到panel里面去，请问怎么改？谢谢

Answer 1

复制了你的代码 试了试 应该是你的额bootstrap的栅格系统没有用好
自己在F12里也可以看到 .col-sm-offset-4{ margin-left:33%} 把这个去掉 结构就正常了

Answer 2

container这个类好像有默认宽度，去掉这个类，或者重写这个类的宽度。